Parceljs捆绑问题
我正在将我的应用程序与parceljs捆绑在一起并触及我目前无法解决的特定问题。
我有1个引用图像的组件
import defaultImage from '/path/to/image';
并在代码中使用如下所示
<img src={defaultImage} />
我正在重用那个树看起来像这个的组件
包裹构建过程不会抛出任何错误,如果我按照流程进行操作1.导航到/ component1(显示图像)
但是当我导航到/ component2时,我得到了图像未找到模块的错误。
Uncaught Error: Cannot find module 'assets/imgs/default_article.png'
at newRequire (VM191 src.80dfb952.js:39)
at newRequire (searchPage.363c2bd8.js:31)
at newRequire (VM191 src.80dfb952.js:31)
at newRequire (VM191 src.80dfb952.js:23)
at localRequire (VM191 src.80dfb952.js:55)
at Object.parcelRequire.../components/misc/articleThumbnail.js.react (VM191 src.80dfb952.js:76489)
at newRequire (VM191 src.80dfb952.js:49)
at localRequire (VM191 src.80dfb952.js:55)
at Object.parcelRequire.../components/feed/feeditem.js.react (VM191 src.80dfb952.js:77133)
at newRequire (VM191 src.80dfb952.js:49)
有没有人用Parcel和任何修复程序解决这个问题?
回答如下:我能解决这个问题的唯一方法是在Main.js中导入常见图像,然后将它们作为道具的一部分传递给组件。