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'

}

}

相关推荐
空山新雨(大队长)8 分钟前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
翻滚丷大头鱼14 分钟前
Java 集合Collection—List
java·开发语言
aramae33 分钟前
C++ -- 模板
开发语言·c++·笔记·其他
胡耀超33 分钟前
4、Python面向对象编程与模块化设计
开发语言·python·ai·大模型·conda·anaconda
猫头虎-前端技术43 分钟前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫43 分钟前
探索 CSS 过渡:打造流畅网页交互体验
前端·css
元亓亓亓43 分钟前
JavaWeb--day1--HTML&CSS
前端·css·html
β添砖java44 分钟前
CSS的文本样式
前端·css
前端小趴菜0544 分钟前
css - 滤镜
前端·css