ParseError：導入圖像時出現意外字符' '

Question

我試圖從圖像文件夾中將png圖像加載到我的組件中。不過，我不斷收到此錯誤：

BROWSERIFY ERROR: 

../../../src/js/images/001.png:1 
�PNG 
^ 
ParseError: Unexpected character '�' 

我不知道在哪裏「：1」從文件名之後到來。也不是' '。

這是我使用的反應起動，如果它的事項：

https://github.com/joellongie/superCell

我導入這樣的：

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

，並使用它像這樣：

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

任何幫助將不勝感激，謝謝！

Answer 1

一個圖像文件不是一個javascript模塊，你不能import它。你想要一個簡單的

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

其中path是一個字符串。