错误描述
当前端代码发生错误时,浏览器中出现以下错误提示。
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/8afee6e64cc548f29f14b90db8148361.png)
正确写法
显然这不是我们所期望的,在vue.config.js中配置如下设置关闭Uncaught runtime errors显示
devServer: {
client: {
overlay: false
}
具体如下
const {defineConfig} = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
client: {
overlay: false
}
}
})