node.js - Parceljs 捆绑问题

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 中导入通用图像，然后将它们作为 props 的一部分传递给组件。