Question

我正在尝试从react组件中的json文件加载数据。我正在我的app.js中尝试这个解决方案。

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

终端中

“无法解决模块JSON错误”。

我在app.js文件中执行此操作。我的文件夹结构如下：

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

我的其余代码如下所示：

Answer 1

我可能会弄错，但为了能够以这种方式要求json，您必须将webpack与json-loader一起使用。

假设你使用webpack。安装json-loader：

npm install --save json-loader

并添加到webpack加载器：

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