在浏览器中展示源代码
在可以从 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
相关推荐
mCell4 小时前
GSAP ScrollTrigger 详解gnip4 小时前
Node.js 子进程:child_processexcel7 小时前
为什么在 Three.js 中平面能产生“起伏效果”?excel8 小时前
Node.js 断言与测试框架示例对比天蓝色的鱼鱼9 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?codingandsleeping9 小时前
使用orval自动拉取swagger文档并生成ts接口石金龙10 小时前
[译] Composition in CSS白水清风10 小时前
微前端学习记录(qiankun、wujie、micro-app)Ticnix11 小时前
函数封装实现Echarts多表渲染/叠加渲染用户221520442780011 小时前
new、原型和原型链浅析