Question

我正在将webpack与React结合使用，并将从静态json文件加载一些外部数据。当我在entry.jsx文件中使用此代码时：

const data = require('../data/data.json');

我有这个错误：

ERROR in ./data/data.json
Module parse failed: C:\location\data\data.json Line 2:
Unexpected token :
You may need an appropriate loader to handle this file type.
  1. | {
  2. |     "start": 0,
  3. |     "scenes": [
  4. |         {
  @ ./jsx/entry.jsx 14:26-54

当我使用"start": "0",而不是当前代码时，我在同一行上也遇到了同样的错误。

Answer 1

@MayankShukla的评论，我已经解决了这个问题。我失踪了json-loader。我已将此添加到我的webpack.config.js文件中，如下所示：

module: {
    loaders: [
        {
            test: /\.json$/,
            loader: "json-loader!json-loader"
        }
    ]
}

在entry.jsx内，我改变了我的问题：

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

JSON代码中出现意外的令牌

1 个答案: