Question

尝试使用json-loader后没有成功，我无法使用webpack 1.4和babel将一个JSON数组加载到我的反应代码中，如果这有所不同。

import data from '../data/item-types.json';

返回没有错误的空对象

import data from 'json-loader!../data/item-types.json';

给出错误消息

ERROR in ./~/json-loader!./src/data/item-types.json
Module build failed: SyntaxError: Unexpected token ; in JSON at position 12
    at Object.parse (native)
    at Object.module.exports (...\node_modules\json-loader\index.js:7:48)
 @ ./src/components/search.js 25:17-63

JSON是一个数组，在粘贴在在线JSON编辑器中时100％有效。我也试过了：

const data = require('../data/item-types.json');

这给了我一个空对象

和

const data = require('json!../data/item-types.json');

给我同样的错误

以下是数据摘录：

["a","b"]

Answer 1

json-loader不支持没有键的json数组。数组需要放在一个对象中。

https://stackoverflow.com/a/42032709/2765757

编辑：使用Webpack 1.x，我必须将json-loader模块添加到我的webpack.config文件中，并省略json！导入json文件以使其工作时的关键字。

如何将本地JSON导入React ES6

1 个答案: