2016-09-15 5 views
3

イメージフォルダからコンポーネントにpngイメージをロードしようとしています。しかし、私はこのエラーが発生し続ける:ParseError:イメージを読み込むときに予期しない文字 ' 'が表示される

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} /> 

ご協力いただきありがとうございます。ありがとうございます!

+0

BrowserifyはWebpackのようなローダーをサポートしていますか?そうでない場合、これは機能しません。 – robertklep

答えて

-1

画像ファイルはjavascriptモジュールではありません。importです。あなたは簡単にしたい

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

ここで、pathは文字列です。

+0

モジュールのようにイメージを処理するwebpack url-loaderモジュールを使用している可能性があります。 –

+0

このように見えませんが、私はURLローダーがスクリプトモジュールのようなイメージの内容を処理するとは思わない - それは現在起こっていることだからです。 – Bergi

+2

ではありませんが、サーバー側のレンダリングにノードを使用している等角投影アプリケーションでは、url-loaderモジュールは使用できず、ノードはスクリプトのように処理して正確なエラーを表示しようとします。 –

関連する問題