解决Vue页面黑底红字遮罩层报错：Unknown promise rejection reason (webpack-internal)

vue前端页面弹出黑底红色报错遮罩层报错：

具体报错信息：

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

原因：

当出现编译错误或警告时，在浏览器中显示全屏覆盖。

解决方法：

检查 Webpack Dev Server 的错误覆盖（overlay）设置，尝试临时禁用以查看原始错误。

在vue.config.js中添加如下配置，重启项目即可。

module.exports = defineConfig({
  devServer: {
    client: {
      overlay: false, // 禁用错误覆盖
    },
  },
  // ... 其他配置
});

问题解决了，没有红色报错遮罩层了。+