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