我有一个名为generic-map.json
的文件,其中包含以下内容:
[
{
"names": ["text", "description"],
"map": {
"name": "textContent",
"target": "property",
"type": "string"
}
},
{
"names": ["checked"],
"map": {
"name": "checked",
"target": "property",
"type": "boolean"
}
},
{
"names": ["disabled", "readonly"],
"map": {
"name": "disabled",
"target": "property",
"type": "boolean"
}
},
{
"names": ["title", "tooltip"],
"map": {
"name": "title",
"target": "property",
"type": "string"
}
},
{
"names": ["cssclass", "classname"],
"map": {
"name": "",
"target": "classList",
"type": "string"
}
},
{
"names": ["tabindex"],
"map": {
"name": "tabIndex",
"target": "attribute",
"type": "string"
}
}
]
在Javascript文件中,我尝试导入此文件:
import generic from './generic-map.json';
Webpack给我以下错误:
./src/utils/property-mapping/generic-map.json
Module parse failed: Unexpected token ; in JSON at position 733 while parsing near '...type": "string" } }];'
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token ; in JSON at position 733 while parsing near '...type": "string" } }];'
at JSON.parse (<anonymous>)
我知道从Webpack版本2.0.0开始,webpack不再需要
json-loader
。我正在使用Webpack 4.20.2。这是我的加载程序配置:
[{
test: /(\.js)/,
exclude: /(node_modules)/,
loaders: ['babel-loader'],
}, {
test: /(\.jpg|\.png)$/,
loader: 'url-loader?limit=10000',
}]
最佳答案
将test: /(\.js)/
替换为test: /\.js$/
或test: /\.jsx?$/
babel-loader由于测试表达式错误而处理.json文件。