ParseError：意外字符“？” 导入图像时

Question

我正在尝试从图像文件夹将 png 图像加载到我的组件中。但是，我不断收到此错误：

\n\n

BROWSERIFY ERROR:\n\n../../../src/js/images/001.png:1\n\xef\xbf\xbdPNG\n^\nParseError: Unexpected character \'\xef\xbf\xbd\' \n

\n\n

我不确定文件名后面的“:1”来自哪里。也不是\'\xef\xbf\xbd\'。

\n\n

如果重要的话，这是我正在使用的反应启动器：

\n\n

https://github.com/joellongie/superCell

\n\n

我像这样导入：

\n\n

import path from "../../images/001.png";\n

\n\n

并像这样使用它：

\n\n

<img src={path} style={imgStyle} />\n

\n\n

任何帮助将不胜感激，谢谢！

\n

Answer 1

图像文件不是 JavaScript 模块，你不能import。你想要一个简单的

const path = "../../images/001.png";

哪里path是一个字符串。