使用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