Parceljs包问题

Question

我正在将我的应用程序与parceljs捆绑在一起，并解决了这个我目前无法解决的特定问题。

我有一个引用图像的组件，比如

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和任何修复程序来解决这个问题？

Answer 1

我能够解决这个问题的唯一方法是在Main.js中导入通用图像，然后将它们作为道具的一部分传递给组件。