Parcel.js捆绑问题

Question

我将我的应用程序与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和任何修补程序解决了这个问题吗？

Answer 1

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