vue中debugger无法调试

在浏览器中展示源代码

在可以从 VS Code 调试你的 Vue 组件之前,你需要更新 webpack 配置以构建 source map。做了这件事之后,我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。这会确保你可以在一个应用中调试,即便你的资源已经被 webpack 优化过了也没关系。

打开 config/index.js 并找到 devtool property。将其更新为:

如果你使用的是 Vue CLI 2,请设置并更新 config/index.js 内的 devtool property:

devtool: 'source-map',

如果你使用的是 Vue CLI 3,请设置并更新 vue.config.js 内的 devtool property:

module.exports = {

configureWebpack: {

devtool: 'source-map'

}

}

相关推荐
Mcband16 小时前
Apache Commons IO:文件流处理利器,让Java IO操作更简单
java·开发语言·apache
龙仔CLL16 小时前
使用vue-pdf做本地预览pdf文件,通过垂直滚动条展示全部pdf内容,不展示分页按钮
前端·vue.js·pdf
前端架构师-老李16 小时前
12、electron专题(electron-builder)
前端·javascript·electron
泽虞17 小时前
《Qt应用开发》笔记p4
linux·开发语言·数据库·c++·笔记·qt·算法
泽虞17 小时前
《Qt应用开发》笔记p5
linux·开发语言·c++·笔记·qt·算法
qq_4335545417 小时前
C++ 完全背包时间优化、完全背包空间优化
开发语言·c++·动态规划
IT_陈寒17 小时前
JavaScript性能飞跃:5个V8引擎优化技巧让你的代码提速300%
前端·人工智能·后端
yanqiaofanhua17 小时前
C语言自学--编译和链接
c语言·开发语言
打码的猿17 小时前
在Qt中实现SwitchButton(开关按钮)
开发语言·qt·ui
友友马17 小时前
『 QT 』QT窗口坐标体系详解
开发语言·qt