使用vue-cli新建的vue项目,当出现编译错误或警告或接口报错时,在浏览器中显示全屏覆盖导致程序崩溃,如下图,此报错在生产环境下并不会出现
通过看控制台,找到关键词webpack
可以明显的看出来是webpack-dev-server弄出来的
解决办法
在vue.config.js中添加如下配置
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
port: ...,
client: {
overlay: false
},
})