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

问题描述:

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

解决方案:

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

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-20 21:44:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-20 21:44:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-20 21:44:02       82 阅读
  4. Python语言-面向对象

    2024-01-20 21:44:02       91 阅读

热门阅读

  1. 待解决练习题 气球半径

    2024-01-20 21:44:02       65 阅读
  2. 编程笔记 html5&css&js 048 CSS链接

    2024-01-20 21:44:02       65 阅读
  3. 笨蛋学设计模式行为型模式-观察者模式【14】

    2024-01-20 21:44:02       49 阅读
  4. 基本算法--分治法(快排,归并)习题

    2024-01-20 21:44:02       62 阅读
  5. 鸿蒙harmony--HTTP数据请求的简单使用

    2024-01-20 21:44:02       56 阅读
  6. 微信小程序实现下拉简单展示接口数据

    2024-01-20 21:44:02       57 阅读
  7. 嵌入式C语言--LD文件的概念

    2024-01-20 21:44:02       60 阅读
  8. Jtti:Ubuntu中如何搭建LAMP开发环境

    2024-01-20 21:44:02       53 阅读