我在调试 Angular 应用程序时遇到 VS Code 调试器问题。我有一个由ng new命令生成的干净的 Angular 应用程序。我在该函数中添加了几行代码ngOnInit。
我想启动 chrome 调试器。浏览器启动成功,但应用程序未加载。我只能看到空白页面,加载程序仍在旋转,开发控制台完全是空的。请参阅随附的屏幕截图。
几天前一切都运转良好。该应用程序使用命令启动npm start,包 json 进行了唯一的修改 - host 更改为127.0.0.1。该应用程序在正常浏览器窗口中正常工作(无调试模式)。
我使用 macOS,最新的 macOS Ventura 版本。
有人可以帮忙解决这个问题吗?
这是我的launch.json文件:
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://127.0.0.1:8080",
"webRoot": "${workspaceFolder}",
}
]
}
Run Code Online (Sandbox Code Playgroud)
浏览器:
未加载 DOM,网络选项卡也为空(仅向 127.0.0.1 发出单个请求,但没有响应。

我已重新启动 VS Code,并安装了最新更新。操作系统也一样。我尝试过不同的角度应用程序,结果相同。我也尝试过与 8080 不同的端口,但没有成功。