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'

}

}

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