我们有一个角度应用程序（角度8），代码是在Ubuntu vm上设置的。 并使用Visual Studio Code +远程开发工具（Microsoft）进行开发。
虽然开发工作正常，但在调试应用程序时遇到了问题。
launch.json配置
{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome", "url": "http://localhost:4200/#", "webRoot": "${workspaceFolder}", "sourceMaps": true, "runtimeArgs": ["--disable-session-crashed-bubble"] }, { "type": "chrome", "request": "attach", "name": "Attach to Chrome", "port": 9222, "address": "localhost", "webRoot": "${workspaceFolder}", "sourceMaps": true } ] }
用于端口转发的vscode命令："Forward Port From Active Host"
开发环境的angular.json配置
{ "dev": { "optimization": false, "outputHashing": "all", "sourceMap": true, "extractCss": true, "namedChunks": true, "aot": true, "extractLicenses": true, "vendorChunk": true, "buildOptimizer": false, "fileReplacements": [ { "replace": "ui/environments/environment.ts", "with": "ui/environments/environment.ts" } ] } }
通过此操作，我可以从本地连接到远程，但是，“附加到Chrome”无法找到文件并产生类似错误
无法打开'dashboard.man〜de6ca691.77f46380879a4a0699b4.js'：无法读取文件（错误：未找到文件 （vscode-remote：//ssh-remote+angular_serve/kite/angular_proj/dashboard/dashboard.man~de6ca691.77f46380879a4a0699b4.js））。
这样的远程调试可行吗？ 我是否缺少任何配置？
答案 0 :(得分：0)
要调试角度代码，请按照以下步骤操作：-
选项1 使用VS代码
https://scotch.io/tutorials/debugging-angular-cli-applications-in-visual-studio-code
OR
选项2 您可以直接使用chrome。