在浏览器中展示源代码
在可以从 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
相关推荐
宁清明15 分钟前
【小宁的学习日记2 C语言】C语言判断十步杀一人_千里不留行19 分钟前
Google 登录集成教程(Web + Expo 移动端)沐欣工作室_lvyiyi1 小时前
基于Matlab的简易振动信号分析系统(论文+仿真)gAlAxy...3 小时前
IntelliJ IDEA 四种项目构建:从普通 Java 到 Maven Web 项目my一阁3 小时前
2025-web集群-问题总结会飞的小妖3 小时前
个人博客系统(十一、前端-简短的配置)liu****4 小时前
1.模拟算法又是忙碌的一天4 小时前
算法学习 13数据村的古老师4 小时前
Python数据分析实战:基于25年黄金价格数据的特征提取与算法应用【数据集可下载】孔明兴汉4 小时前
第一章-第三节-Java开发环境配置