Parceljs 捆绑问题

Question

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

我有 1 个组件引用了像

这样的图像

import defaultImage from '/path/to/image';

并在下面的代码中使用它

<img src={defaultImage} />

我正在重复使用树看起来像这样的组件

Parcel 构建过程不会抛出任何错误，如果我按照以下流程操作 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 中导入常见图像，然后将它们作为道具的一部分传递给组件。

Parceljs 捆绑问题

Parceljs bundle issue

node.js

reactjs

parceljs