解决vscode调试项目找不到断点问题

文章来源：如何优雅的调试 Vue 项目？ - 前端哥

废话不多说，上链接，博主解决了我的问题，因为我是代码打包后有很多相同的文件，导致断点无法生效

网上找了很多方法都不行，最后博主的方法切实可靠

分享一下我自己的配置，大家如果不生效可以删除下面的某些参数重试看看

 "urlFilter": "http://192.168.20.243:8080/*",
  "userDataDir": false,
  "sourceMaps": true,

完整配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "msedge",
      "request": "launch",
      "name": "针对 localhost 启动 Chrome",
      "url": "http://192.168.20.243:8080/#/salesEntrance",
      "webRoot": "${workspaceFolder}",
      "urlFilter": "http://192.168.20.243:8080/*",
      "userDataDir": false,
      "sourceMaps": true,
      "sourceMapPathOverrides": {
    
        // 保留原有的通用模式
        "webpack-internal:// v /src/(.*\\.vue)": "${workspaceFolder}/src/$1",
        "webpack-internal://(.*)": "${workspaceFolder}/$1",
        "webpack:///src/(.*)": "${workspaceFolder}/src/$1",
        "webpack:///(src/.*)": "${workspaceFolder}/$1",
        "webpack://(.*)": "${workspaceFolder}/$1",

        // 添加更多可能的模式
        "webpack:///./src/views/(.*)": "${workspaceFolder}/src/views/$1",
        "webpack-internal:///./src/views/(.*)": "${workspaceFolder}/src/views/$1"
      }
    }
  ]
}