在反应组件中加载和显示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数据

回答

相关问题