反応コンポーネントのjsonデータをロードして表示する

Question

反応コンポーネントのjsonファイルからデータをロードしようとしています。私はこのソリューションを私のapp.jsで試しています。

https://stackoverflow.com/a/33141549/1937021

var data = require('json!../json/acordes.json'); 

は、端末での "モジュールのJSONエラーを解決できません"。

私はこれをapp.jsファイルで行います。次のように私のフォルダ構造は次のとおりです。私のコードの残りの部分はこのようになります

/src 
    /js 
    app.js 
    /css 
    /json 
    acordes.json 

：

https://gist.github.com/dabit3/651f2dae058ff99810eb771c2817d622

Answer 1

私は誤解されるかもしれないが、ために、このような方法で、JSONを必要とすることができるようにwebpackとjson-loaderを使用する必要があります。

と仮定すると、webpackを使用します。

npm install --save json-loader 

そしてWebPACKのローダーに追加します：json-loaderをインストール

//.. 
loaders: [ 
    {test: /\.json$/, loader: "json", include: "path/to/your/sources"} 
]