VS Code 1.76.1+Chrome111调试Angular应用空白加载问题求助

我在macOS Ventura最新版上用VS Code调试Angular应用时遇到了问题：

• 通过ng new生成全新的Angular项目，仅在组件的ngOnInit函数中添加了几行简单代码
• 修改package.json里的host为127.0.0.1，执行npm start启动应用后，直接在Chrome浏览器打开http://127.0.0.1:8080能正常运行
• 但使用VS Code的Chrome调试配置启动时，浏览器成功打开后显示空白页，加载动画持续运行，开发者控制台完全为空，网络面板仅显示一个无响应的127.0.0.1请求

我已经尝试了以下操作，但问题仍未解决：

• 重启VS Code
• 安装VS Code和Angular的最新更新
• 重新生成全新的Angular应用
• 更换应用启动端口

我的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}"
        }
    ]
}

恳请各位提供技术帮助。

内容的提问来源于stack exchange，提问作者Jiří Galis