我正在尝试使用IntelliJ Webstorm（10.0.1）调试Angular应用程序 . 我用Yeoman（1.4.6）使用命令 yo angular 创建了一个应用程序 . 然后我将目录作为Webstorm中的项目打开 . （这与"Grunt Server and WebStorm javascript debugging (and SpyJS) not working"中描述的配置相同 . ）我可以从命令行和Webstorm中使用 grunt serve 运行应用程序 . 我现在想要设置断点并逐步完成Webstorm中的Javascript .

我按照How to debug AngularJS with Intellij中的说明进行操作，但调试仍然无效 . 具体来说，我用 grunt serve 启动应用程序，然后尝试连接我的调试配置，但调试器永远不会连接 . Webstorm中的Debugger窗口读取"Waiting for connection from JetBrains IDE Support Extension for Chrome (IDE port 63342)."

  • 我在OS X（10.10.2） . 我的默认浏览器是Chrome（41.0.2272.118） . JetBrains IDE Support扩展（2.0.7）已在浏览器中安装并启用 . 它使用默认端口63342 .

  • 我的Angular应用程序正在默认位置http://localhost:9000中运行 .

  • 在调试配置中，我的"URL"是http://localhost:9000/，我将项目中的index.html映射到"Remote URL" http://localhost:9000/index.html .

我在StackOverflow上与其他Webstorm调试问题分开询问，因为那些没有提到“等待连接”消息，他们的解决方案是按照我开始的说明进行的 .

关于我做错了什么的任何想法？

angularjs debugging webstorm