在反應組件中加載和顯示json數據

我試圖從反應組件中的json文件加載數據。我在我的app.js中嘗試這個解決方案。在反應組件中加載和顯示json數據

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

來源

2016-08-05 user1937021

你如何建立你的包嗎？ –

我可能是錯了，但爲了能夠要求JSON以這樣的方式，您必須使用webpack和json-loader。

假設你使用webpack。安裝json-loader：

npm install --save json-loader

，並加入到的WebPack裝載機：

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

來源

2016-08-05 08:56:58

我這樣做了，但現在我在'/~/json-loader!./src/json/acordes.json中得到'ERROR 模塊構建失敗：SyntaxError：意外的令牌m 在Object.parse（本地）在Object。 module.exports（/Users/alexanderlloyd/Documents/tocacuatro/node_modules/json-loader/index.js:7:48） @ ./src/js/App.js 66：11-47' – user1937021

您能否提供您的json文件？ –

在反應組件中加載和顯示json數據

回答

相關問題