2017-06-09 18 views
0

私はReactと組み合わせてwebpackを使用しています。静的なjsonファイルからいくつかの外部データを読み込みます。私はこのエラー持ってJSONコード内で予期しないトークン

const data = require('../data/data.json'); 

::私はentry.jsxファイル内でこのコードを使用する場合も

ERROR in ./data/data.json 
Module parse failed: C:\location\data\data.json Line 2: 
Unexpected token : 
You may need an appropriate loader to handle this file type. 
    1. | { 
    2. |  "start": 0, 
    3. |  "scenes": [ 
    4. |   { 
    @ ./jsx/entry.jsx 14:26-54 

私が代わりに現在のコードの"start": "0",を使用し、私は同じエラーのを持っています同じ行。

+1

あなたはJSONファイルの多くを共有することができますか? – nickmcblain

+2

webpackで 'json-loader'を使用していますか? –

答えて

0

@MayankShuklaのコメントで、私はこの問題を解決しました。私は逃したjson-loaderでした。私はこのような私のwebpack.config.jsファイルにこれを追加しました:

module: { 
    loaders: [ 
     { 
      test: /\.json$/, 
      loader: "json-loader!json-loader" 
     } 
    ] 
} 

そしてentry.jsxの内側に、私は私の質問から行を変更しました:

const data = require('../data/data.json!json-loader'); 
関連する問題