reactjs - 导入图像在 react + parcel + typescript + module esnext 中无法正常工作

Question

生殖示例回购

module_esnext_import_image

如何重现

git clone https://github.com/github0013/module_esnext_import_image.git
cd module_esnext_import_image
yarn
yarn run src/index.html

然后，查看dist文件夹内部。您应该会看到类似的内容，src.7753e686.png而不是1.some-random-id.png（文件名以 开头1）。

由于我要导入的图像是1.png，因此文件名也应以 开头，1以便图像链接自index.html. 但是，由于生成的图像文件以dist开头src，因此图像链接中断。

我对代码做了很多更改，以找到这个问题的核心，并且似乎发生这种情况时

1. tsconfig.json 编译器选项->“模块”：“esnext”
2. 使用 react-loadable
3. 在加载的组件中导入图像

如果我更改 tsconfig.json compilerOptions -> "module": " commonjs"，那么它似乎工作正常。

我想知道是否有人知道为什么会这样。