如何在Vue项目中避免未捕获的运行时错误?
最编程
2024-08-06 11:26:47
...
使用vue-cli新建的vue项目,当出现编译错误或警告时,在浏览器中显示全屏覆盖,如下图,此报错在生产环境下并不会出现
通过看控制台,找到关键词webpack
可以明显的看出来是webpack-dev-server弄出来的
解决办法
在vue.config.js中添加如下配置
module.exports = defineConfig({
...
devServer: {
client: {
overlay: false
}
}
})
参考网址
https://webpack.docschina.org/configuration/dev-server/#overlay