在浏览器中展示源代码
在可以从 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'
}
}
vue中debugger无法调试
hl04062024-01-06 18:44
相关推荐
Mcband16 小时前
Apache Commons IO:文件流处理利器,让Java IO操作更简单龙仔CLL16 小时前
使用vue-pdf做本地预览pdf文件,通过垂直滚动条展示全部pdf内容,不展示分页按钮前端架构师-老李16 小时前
12、electron专题(electron-builder)泽虞17 小时前
《Qt应用开发》笔记p4泽虞17 小时前
《Qt应用开发》笔记p5qq_4335545417 小时前
C++ 完全背包时间优化、完全背包空间优化IT_陈寒17 小时前
JavaScript性能飞跃:5个V8引擎优化技巧让你的代码提速300%yanqiaofanhua17 小时前
C语言自学--编译和链接打码的猿17 小时前
在Qt中实现SwitchButton(开关按钮)友友马17 小时前
『 QT 』QT窗口坐标体系详解