vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack

当你页面出现警告信息的时候会出现警告然后页面以为是错误所以红色报错覆盖页面。带着疑问我去查了webpcak中文文档最终发现原因所在。当出现编译错误或警告时，在浏览器中显示全屏覆盖。在vue.config.js中添加如下配置，

前端小99

3935人浏览 · 2023-12-13 16:04:10

前端小99 · 2023-12-13 16:04:10 发布

Uncaught runtime errors:
×
ERROR
Unknown promise rejection reason
    at handleError (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)
    at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:319:7)

原因：
当出现编译错误或警告时，在浏览器中显示全屏覆盖。
解决方法：
在vue.config.js中添加如下配置，重启项目即可

module.exports = defineConfig({
  devServer: {
    client: {
      overlay: false,
    },
  }

})

带着疑问我去查了webpcak中文文档最终发现原因所在

当你页面出现警告信息的时候会出现警告然后页面以为是错误所以红色报错覆盖页面

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^