vue项目中Uncaught runtime errors:怎样关闭

最新推荐文章于 2025-03-18 19:54:56 发布
最新推荐文章于 2025-03-18 19:54:56 发布
阅读量2w 收藏 66
点赞数 38
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36877078/article/details/131175355
版权
在使用vue-cli创建的Vue项目中，遇到编译错误或警告时，浏览器会全屏显示。这是由于webpack-dev-server的设置导致的。要消除这个全屏覆盖，可以在vue.config.js中添加配置，关闭client.overlay，设置为false。参考webpack文档进行配置修改。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

笑毅
关注
axios请求错误报错Uncaught runtime errors:
01-12 1922
解决axios请求错误报错Uncaught runtime errors每天记录一点，助力成长！欢迎大家来浏览我的博客，如发现我有写错的地方，一起交流指正。系列文章会不段更新 来个打赏(微信) 马力全开 撸起袖子加油干~
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目报错取消页面红色遮罩（Uncaught runtime errors）
m0_57022950的博客
09-20 557
2.vue.config.js里面添加overlay: false。3.重启项目就可以了。
vue3报错：Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu
肥晨开发的学习之路
03-18 649
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。中，直接使用 Vue.set 也不再适用，而是推荐使用。或直接修改对象属性来触发响应式更新。数组中的对象属性，而不需要使用。为了修复这个问题，可以直接修改。
【Vue】vue项目中Uncaught runtime errors:怎样关闭
No8g攻城狮的博客
01-19 8254
参考资料：https://webpack.docschina.org/configuration/dev-server/#overlay。的vue项目，出现编译错误或警告时，在浏览器中显示全屏覆盖，如下图，以下是开发环境，此报错在生产环境下并不会出现。当出现编译错误或警告时，被设置了在浏览器中显示全屏覆盖的配置。项目本来运行的好好，换了个新的浏览器，新的。通过看控制台，找到关键词。
关闭vue项目中Uncaught runtime errors弹窗
qq_34188180的博客
10-15 1357
【代码】关闭vue项目中Uncaught runtime errors弹窗。
关闭vue项目中Uncaught runtime errors弹窗页面
我叫鱿鱼须的博客
10-09 2068
看控制台发现有webpack类名，应该是webpack搞出来的。
Vue中设置报错页面和“Uncaught runtime errors”弹窗关闭
轻风细雨_林木木
01-20 1142
在开发Vue项目中，要求遇到报错显示一个报错页面，而不是把报错信息显示。
vue项目报错Uncaught runtime errors:
05-15
这种错误通常是由于代码中出现了一些运行时错误，例如未定义的变量或属性，类型错误等等。你可以在浏览器的控制台中查看详细的错误信息以找到问题所在。 一些常见的原因包括： 1. 变量或属性未定义或为空。例如，...
vue Uncaught runtime errors:全屏关闭
最新发布
04-03
好的，我现在需要解决用户提出的Vue项目中出现的“Uncaught runtime errors”全屏覆盖问题，并找到关闭它的解决方案。根据用户提供的引用资料，特别是引用[3]，里面提到了在vue.config.js中配置devServer.client....
vue3浏览器报错解决Uncaught runtime errors及关闭eslint检查
偏执的小男孩儿
01-23 1280
vue3浏览器报错解决Uncaught runtime errors及关闭eslint检查
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 1006
在vue.config.js中配置关闭Uncaught runtime errors显示。
关闭vue运行过程异常出现的errors页面
GSZTK的博客
06-21 1914
配置vue.config.js文件关闭此页面
2024年汇编语言的程序设计方法（循环结构和分支结构），2024年字节跳动+京东+美团面试总结
2301_82244279的博客
05-07 898
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
【Vue-Bug记录】Vue 删除取消报错Uncaught (in promise) cancel
奋斗者
03-24 1063
删除某条数据 弹出删除提示框 点击取消 浏览器控制台报错 报错原因： this.$confirm方法内置promise方法， 所以不能把.catch()去掉（因为取消操作时，无法捕获） 解决方法： 在删除方法的后面加上catch，并在catch里面加上空方法体 ()=>{} /** 删除按钮操作 */ handleDelete(row) { const eCodes = row.eCode || this.ids; this.$confirm('是否确认删除这条数据?', "警告", {
vue-cli 关闭 Uncaught error 的全屏提示
qq_33733799的博客
05-15 9948
在使用`vue-cli`开发项目的时候，如果代码抛出异常了，那么就会出现一个全屏的提示框，长下面这样
在 vue 项目中关闭开发环境的提示
subsistent的博客
09-23 683
以上配置会将开发环境的提示工具（如警告、错误、性能提示等）禁用。请注意，在生产环境中，这些提示工具将会自动启用。是一个可选的配置文件，在新建项目时不会自动生成。如果你的项目中没有该文件，请根据上述步骤进行创建。在Vue 3项目中，你可以通过修改配置文件来关闭开发环境的提示。文件（如果没有该文件，你可以手动创建一个）。3 保存文件并重新启动开发服务器。1 在项目根目录下找到。
Web前端最新TypeScript学习笔记之任意类型，前端开发学习视频
2401_84412194的博客
05-09 280
作为window对象属性的文档元素。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值