配置导入JS模块的调试

如何解决配置导入JS模块的调试

我正在构建我的第一个 Vue.js 应用程序，并且在使用导入的模块时正在努力调试行为。例如，我从 someModule.js 导入 /src/lib。

我似乎能够将 launch.json 配置为：

A.我可以调试导入的模块（代价是发现 .vue 文件中的断点未绑定）。或...
B. 我可以调试 vue 组件（代价是发现导入文件中的断点未绑定）。

各自的启动配置是：

    ...
    {
        "type": "chrome","request": "launch","name": "A: Imported Modules","url": "http://localhost:8080","webroot": "${workspaceFolder}"
    },{
        "type": "chrome","name": "B: Vue Modules","webroot": "${workspaceFolder}/src","sourceMaps": true,"sourceMapPathOverrides": {
            "webpack:///src/*": "${webroot}/*",}
    },...

任何人都可以解释一下能够将调试器与 vue 项目文件和导入的 JS 模块一起使用的可能性吗？如果是这样，我哪里出错了？

谢谢，

尼克