vue-cli出现错误时,让它弹框,而不是Uncaught runtime errors:页面
时间: 2024-03-03 21:03:58 浏览: 79
在 Vue CLI 3.x 版本中,你可以使用 `chainWebpack` 方法来修改 webpack 配置。通过修改配置中的 `devtool` 选项,可以在开发模式下生成 source map,这样就可以在浏览器中看到更详细的错误信息。
在 `vue.config.js` 文件中添加以下代码:
```
module.exports = {
chainWebpack: config => {
config.devtool('eval-source-map')
},
devServer: {
overlay: {
warnings: true,
errors: true
}
}
}
```
这个配置会开启 source map 和 devServer overlay 功能。当出现错误时,浏览器会在页面上弹出一个错误提示框,而不是直接显示在控制台中。同时,source map 也会在控制台中显示,以便于进行调试。
希望这个方法能够帮助到你,如果还有其他问题,欢迎继续提问。
阅读全文