一、背景描述
项目本来运行的好好，换了个新的浏览器，新的Chrome浏览器版本号是116.0.5845.97（正式版本）（64位），原来的Chrome浏览器版本是92.0.4515.107（正式版本）（64位），使用vue-cli的vue项目，出现编译错误或警告时，在浏览器中显示全屏覆盖，如下图，以下是开发环境，此报错在生产环境下并不会出现。报错详情如下：
二、报错原因
通过看控制台，找到关键词webpack
webpack.config.js 中
当出现编译错误或警告时，被设置了在浏览器中显示全屏覆盖的配置。
三、解决方案
3.1 只显示错误信息不全屏覆盖
3.2 取消全屏覆盖
module.exports = {
devServer: {
client: {
overlay: false // 编译错误时，取消全屏覆盖（建议关掉）
}
}
}
四、参考资料
参考资料：https://webpack.docschina.org/configuration/dev-server/#overlay文章来源：https://www.toymoban.com/news/detail-807492.html
本文完结！文章来源地址https://www.toymoban.com/news/detail-807492.html
到了这里，关于【Vue】vue项目中Uncaught runtime errors:怎样关闭的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![Uncaught Error: [vue-router] “path“ is required in a route configuration 的解决方案](https://imgs.yssmx.com/Uploads/2024/02/689648-1.png)
![router.addRoute()报错 Uncaught Error: [vue-router] “path” is required in a route configuration](https://imgs.yssmx.com/Uploads/2024/02/669585-1.png)
