Vue中使用debugger在浏览器中不起作用解决方案

使用vscode编辑器，运行vue项目时想要断点调试，奈何始终进不了断点。先后尝试Edge和chrome浏览器，均不生效，排除浏览器因素，定位为代码问题。找到文件vue.config.js，或全局搜索。，重新启动项目，debugger即可生效。

芳草萋萋鹦鹉洲哦

4711人浏览 · 2024-01-20 18:36:09

芳草萋萋鹦鹉洲哦 · 2024-01-20 18:36:09 发布

问题描述：

使用vscode编辑器，运行vue项目时想要断点调试，奈何始终进不了断点。先后尝试Edge和chrome浏览器，均不生效，排除浏览器因素，定位为代码问题。

解决方案：

找到文件vue.config.js，或全局搜索configureWebpack，在如下位置加入devtool:"source map"，重新启动项目，debugger即可生效。
在这里插入图片描述

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

口才教育：如何提升沟通技巧与表达能力

ViewDesign

C 嵌入式系统设计模式 28：通道模式

ViewDesign

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...