关闭vue运行过程异常出现的errors页面

最新推荐文章于 2025-07-09 10:46:31 发布

原创最新推荐文章于 2025-07-09 10:46:31 发布 · 2.1k 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript #前端

收录于

当遇到Vue2.0项目运行时的error异常，可以尝试在根目录创建vue.config.js文件，设置devServer的client选项，将overlay设为false，然后重启项目，这能防止错误页面弹出。

以前不记得出现过这种异常, 查了网上一些资料, 可以按照以下代码解决此问题, 将此页面关闭, 报错之后不会再出现.

error异常页面
在这里插入图片描述

解决方式: 根目录下编写一个 vue.config.js 文件, 将以下内容添加进入, 重启项目.

module.exports = {

    devServer: {
        client: {
            overlay: false,
        },
    }

};

本人 vue 2.0

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

三秋叶.

关注关注

6
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue - 解决运行时报错 Failed to compile with 1 errors（vue启动报错，可能没有错误信息也可能有错误信息，执行npm启动命令后打不开且报错，详细排查方案及解决教程）

热门推荐

qq_36877078的博客

06-12

2万+

关闭vue项目中因为webpack产生的全局报错提示

vue2 关闭 Uncaught error 的全屏提示

weixin_41747256的博客

11-08

462

关闭 Uncaught error 的全屏提示

解决报错覆全屏

rb258369的博客

10-09

845

解决报错覆全屏

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

No8g攻城狮的博客

01-19

8948

参考资料：https://webpack.docschina.org/configuration/dev-server/#overlay。的vue项目，出现编译错误或警告时，在浏览器中显示全屏覆盖，如下图，以下是开发环境，此报错在生产环境下并不会出现。当出现编译错误或警告时，被设置了在浏览器中显示全屏覆盖的配置。项目本来运行的好好，换了个新的浏览器，新的。通过看控制台，找到关键词。

vue qiankun 应用，怎么关闭 Uncaught runtime errors:错误弹窗

qq_39750019的博客

07-09

538

/ 自定义 Vue 全局错误处理// // 使用 ElementUI 的message显示错误提示Vueprototypemessage 显示错误提示message显示错误提示//Vueprototypemessage({系统接口异常: ${err.message || '未知错误'}// duration: 5000, // 提示框显示时间// });未解决。

pthon笔记

qq_40601683的博客

02-26

292

Pyhon笔记 Exception捕获异常报 Too broad exception clause 警告解决办法关闭编译器中代码检测中有关检测 Exception 的选项在 try 语句前加入 # noinspection PyBroadException

ios 请求失败封装_axios请求封装和异常统一处理

weixin_39793794的博客

12-29

271

前端网络请求封装前端采用了axios来处理网络请求，为了避免在每次请求时都去判断各种各样的网络情况，比如连接超时、服务器内部错误、权限不足等等不一而足，我对axios进行了简单的封装，这里主要使用了axios中的拦截器功能。封装后的网络请求工具js如下：import axios from 'axios'import {Message} from 'element-ui'axios.intercep...

App.vue触发axios报错及解决方案

weixin_43858851的博客

04-01

602

App.vue触发axios报错及解决方案

关闭vue项目中Uncaught runtime errors弹窗

qq_34188180的博客

10-15

1472

【代码】关闭vue项目中Uncaught runtime errors弹窗。

关于开发Vue小白，一些报错的解决办法

m0_52759164的博客

05-22

675

方法1：找到vue.config.js文件，在末尾加入这一行代码 lintOnSave: false即可，意思大概是关闭组件名字的检查。使用npm install xxx -- force或者npm install xxx --legacy-peer-deps来安装。<el-table-column prop="date" label="时间"></el-table-column>这是浏览器扩展插件出了问题，要想解决这个bug最有效的方法就是在已安装的扩展里删除迅雷扩展插件，删完bug立马没了。

Vue中设置报错页面和“Uncaught runtime errors”弹窗关闭

轻风细雨_林木木

01-20

2294

在开发Vue项目中，要求遇到报错显示一个报错页面，而不是把报错信息显示。

关闭vue项目中Uncaught runtime errors弹窗页面

我叫鱿鱼须的博客

10-09

2267

看控制台发现有webpack类名，应该是webpack搞出来的。

Uncaught runtime errors: × ERROR Avoided redundant navigation to current location: “/xxx“.

lplovewjm的博客

05-22

1万+

vue导航当前路由报错解决方案

Vue 解决路由重复 Uncaught (in promise)错误

apple_51417798的博客

05-05

2566

我是Boy~，今天给大家分享一下关于。

vue eslint报错，如何在项目中关闭

redhat0921的博客

01-11

224

1.在项目的根目录下创建 vue.config.js 文件 2.vue.config.js中添加 module.exports = { lintOnSave: false } 3.重启项目

vue2/vue3 阻止控制台报错并用普通方式将报错信息打印在控制台上

weixin_45966674的博客

08-14

4888

主要的代码就是 VueApp获取挂载元素然后改写errorHandler 系统报错和 warnHandler 系统警告方法。可以看到控制台并没有报错只是输出了报错信息这样的字符串我们也可以直接传给服务器存储报错信息。也是在vue节点中重写errorHandler和 warnHandler 方法。只用console输出一下警告或报错提示便结束方法。vue3 在 main.js中编写代码。vue2 在 main.js中编写代码。...