vue 项目报Uncaught runtime errors: 导致项目崩溃

使用vue-cli新建的vue项目，当出现编译错误或警告或接口报错时，在浏览器中显示全屏覆盖导致程序崩溃，如下图，此报错在生产环境下并不会出现

通过看控制台，找到关键词webpack

 

可以明显的看出来是webpack-dev-server弄出来的
解决办法
在vue.config.js中添加如下配置 

module.exports = defineConfig({
  transpileDependencies: true,
 
  devServer: {
    port: ...,
    client: {
      overlay: false
    },
})