我在调试一个Angular 应用程序时遇到了VS代码调试器的问题.我有一个干净的Angular 应用程序生成的ng new命令.我已经向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}",
        }
    ]
}

浏览器: 未加载DOM,网络选项卡也为空(只有一个对127.0.0.1的请求,没有响应. enter image description here

我已经重新启动了VS代码,我已经安装了最新更新.操作系统也是如此.我try 了不同的Angular 应用程序,同样的结果.我也try 了8080以外的不同端口,但没有成功.

推荐答案

这不是一个很好的答案,但我在WebStorm上遇到了同样的问题,然后在VSCode上也遇到了类似的问题.在VSCode中,我删除了调试器会话中的所有断点,重新启动了调试会话,然后它加载得很好.在此之后,我可以添加在初始加载后命中的断点.

我相信这与Chrome的新更新有关. 这里有一个JetBrains一直在解决的问题的链接,它可能有助于更多地解释问题,尽管对最终解决它帮助不大.

https://intellij-support.jetbrains.com/hc/en-us/community/posts/10432962465682-unable-to-debug-javascript-in-2022-3-2-ultimate-edition-with-chrome-111-on-mac-m1-arm-?page=1

Angular相关问答推荐

iOS Mobile Safari - HTML5视频覆盖一切

布局之间的Angular 变化检测需要重新加载

如何在每次Angular 编译之前执行脚本(esbuild)

使用当前选定的选项创建IF语句

Angular 信号 - 使用 mutate() 与使用 forEach() react 性

获取 Angular 中所有子集合 firestore 的列表

在switchMap操作符中使用条件语句以进行第一次或随后的执行

Angular MSAL - 对 Bearer 令牌和 AUD 属性的怀疑

Angular 15 Ref 错误:初始化前无法访问组件 A

大型 Angular 12 应用程序 - 我如何管理 js 文件

如何以Angular 显示动态视图模型

Angular:将间隔与增量和减量相结合

Angular [disabled]="MyBoolean" 没有工作

如何在不刷新整页的情况下更新组件

错误:formControlName 必须与父 formGroup 指令一起使用.您需要添加一个 formGroup 指令

找不到模块'@angular/compiler'

使用 formControlName 和 ngModel 的Angular 6 警告

未绑定断点 - VS Code | Chrome | Angular

如何在项目中导入 Angular material?

来自 chokidar (C:\) 的错误:错误:EBUSY:资源繁忙或锁定,lstat 'C:\DumpStack.log.tmp