在 Windows 下使用 chrome 在 Intellij 中调试 Angular 应用程序答案

【问题标题】：Debug angular app in Intellij with chrome under windows在 Windows 下使用 chrome 在 Intellij 中调试 Angular 应用程序
【发布时间】：2020-11-03 08:24:57
【问题描述】：

我一直在寻找在 Windows 上使用 chrome 在 intellij 中调试 Angular 应用程序的解决方案。

目前我无法将调试器附加到 chrome。我尝试使用 --remote-debugging-port=9222 和许多其他解决方案开始 chreme。

目前我正在使用 IntelliJ 2020.2 和 Chrome 86。

有人有windows的解决方案吗？

【问题讨论】：

标签： angular typescript google-chrome debugging intellij-idea

【解决方案1】：

如果您遇到错误：请确保浏览器启动成功并打开远程调试端口。如果已启动具有相同用户数据目录的 Chrome，则无法打开端口

尝试删除此文件：

~\AppData\Roaming\JetBrains\WebStorm2020.2\options\other.xml

如果这不起作用，除了上述之外，请删除此文件：

~\AppData\Roaming\JetBrains\WebStorm2020.2\options\web-browsers.xml

一如既往地记得备份您的文件。

【讨论】：

【解决方案2】：

请按照Help中描述的步骤操作：

运行 npm start 启动您的应用
创建 JavaScript Debug 运行配置，在此处指定您的服务器 URL（http://localhost:4200/ 或其他类似名称）
在代码中设置断点。
调试上面的配置

另见https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps/

【讨论】：

我尝试了上述解决方案，但没有运行。当我开始调试配置时，会打开一个 chrome 实例，并带有一个显示“崩溃”的选项卡。同样在 Intellij 的事件日志中，我收到消息：07:02 等待连接到 localhost:57914。请确保浏览器启动成功并打开远程调试端口。如果已启动具有相同用户数据目录的 Chrome，则无法打开端口。
hmm... 看起来像 IDE 问题。你在什么操作系统上？使用 --remote-debugging-port 选项启动 Chrome 会有什么结果？
我使用的是 Windows 10。我必须在哪里设置 --remote-debug-port 选项以及哪个端口是正确的？ 9222？
嗨@lena 刚刚尝试了--remote-debugging-port=9222 仍然没有运气。调试器不附加到任何 chrome 进程。 intellij 启动的 Chrome 会话全部中断/崩溃。