如何使用VS Code-Debugger for Chrome在VSCode中调试Angular多项目工作区?迁移到Angular多项目工作区后,调试不再起作用。如果设置了断点,则会收到以下消息。
设置断点但尚未绑定
我找到了有关该主题的博客文章:“ Angular Multi-Project Workspace的Visual Studio Code Breakpoints”。我添加了以下内容launch.json
,替换"webRoot": "${workspaceRoot}""
为"webRoot": "${workspaceFolder}"
:
{
"name": "Launch new-app in Chrome against localhost (with sourcemaps)",
"type": "chrome",
"request": "launch",
"runtimeExecutable": "/usr/bin/chromium-browser",
"runtimeArgs": [
"--disable-extensions"
],
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}",
"sourceMaps": true,
"sourceMapPathOverrides": {
"/./*": "${webRoot}/projects/new-app/*",
"/src/*": "${webRoot}/projects/new-app/src/*",
"/*": "*",
"/./~/*": "${webRoot}/node_modules/*",
},
}
我也new-app
用正确的应用程序名称替换了,但仍然无法正常工作。
文件夹结构:
谁能帮我解决这个问题?
我通过使用.scripts
命令找出该sourceMapPathOverrides
属性的正确路径来使其工作。
{
"name": "Launch editor in Chrome against localhost (with sourcemaps)",
"type": "chrome",
"request": "launch",
"runtimeExecutable": "/usr/bin/chromium-browser",
"runtimeArgs": [
"--disable-extensions"
],
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}",
"sourceMaps": true,
"sourceMapPathOverrides": {
"webpack:/*": "${webRoot}/projects/apps/editor/*",
"webpack:///./src/*": "${webRoot}/projects/apps/editor/src/*",
"/*": "*",
"/./~/*": "${webRoot}/node_modules/*",
},
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句