webpack 打包json文件,报 Unexpected token, expected ";"错误解决方案

用webapck打包项目时,由于项目使用了json文件,打包完成后,报出了一下错误。
在这里插入图片描述
webpack本身是支持json文件读取的,可打包完成后却报这样的错误。这个报错是babel-loader在报错,也就是说,打包的时候,babel-loader去解析了json文件。babel是js的编译工具,可以把js、ts、react的语法,根据需求编译成浏览器识别的代码。json不属于js,但现在它被当作了js去解析,因此报出了上边的错误。
此时只需要修改配置文件webpack.config.js中的第三方模块的配置规则。
之前是这样的:在这里插入图片描述这里应该修改为:
在这里插入图片描述然后在重新npm run dev就不会报错了。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值