项目里新增了json文件,webpack报错如下:

webpack本身是支持json文件读取的,这个报错是babel-loader在报错,也就是说,打包的时候,babel-loader去解析了json文件。babel是js的编译工具,可以把js、ts、react的语法,根据需求编译成浏览器识别的代码。json不属于js,但现在它被当作了js去解析,因此报出了上边的错误。

查看babel-loader的配置,test的正则表达式,会匹配.json文件。

 

将上图修改为:

 

 重新跑项目,报错消失。

更多推荐