Javascript 模块生成失败:语法错误:意外标记';在JSON中的位置0

Javascript 模块生成失败:语法错误:意外标记';在JSON中的位置0,javascript,json,node.js,webpack,Javascript,Json,Node.js,Webpack,我在这里有一个网页配置,我试图添加时刻时区,并给出一个答案,这让我 我当前的尝试如上所述。您正在告诉webpack将您的JavaScript文件传递给json加载程序。但由于JavaScript文件不是有效的JSON,因此会出现错误,即在第一个字符处已经存在意外标记 { test: /\.jsx?$/, loaders: ['json-loader', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre'

我在这里有一个网页配置,我试图添加
时刻时区
,并给出一个答案,这让我


我当前的尝试如上所述。

您正在告诉webpack将您的JavaScript文件传递给
json加载程序。但由于JavaScript文件不是有效的JSON,因此会出现错误,即在第一个字符处已经存在意外标记

{
  test: /\.jsx?$/,
  loaders: ['json-loader', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre'],
  exclude: /node_modules/
}
因此,您需要从
.jsx?
配置中删除
json加载程序。另外,在Webpack2中不再需要
json加载程序
,json文件应该是现成的

您可以将
模块
部分更新为:

module: {
  rules: [
    {
      test: /\.jsx?$/,
      loader: 'babel-loader?presets[]=react,presets[]=es2015,presets[]=react-hmre',
      exclude: /node_modules/
    }
  ]
}
但为了防止它不起作用,您必须为以
.json
结尾的文件添加
json加载程序:

{
  test: /\.json$/,
  loader: 'json-loader'
}
{
  test: /\.json$/,
  loader: 'json-loader'
}