如何從WebStorm內部的grunt serve開始調試Angular網站？

我想從WebStorm內部調試我的AngularJS站點。該網站配有「grunt serve」。我已經在Chrome中安裝JetBrains的IDE支持插件，它被配置爲63342.如何從WebStorm內部的grunt serve開始調試Angular網站？

我使用的默認端口上運行

在Webstorm我創建了一個類型的JavaScript調試的運行配置。在那裏，我已經把：

當我運行繁重的發球，我的網站在Chrome中開始。當我點擊JavaScript調試配置的調試按鈕時，調試器窗口會顯示一段時間後，彈出窗口顯示來自Chrome的「等待來自JetyBrains IDE支持擴展的連接」。請確保你已經安裝了......」

我還沒有得到黃彈出在Chrome告知JetBrains的IDE支持擴展功能。

當我去看看在控制檯_generated_background_page.html的JetBrains的IDE支持擴展程序，我看到以下消息：

IN [21,"Debugger","attach",["http://localhost:9001",true]]

但後來什麼都不會發生了

是否有人對如何調試AngularJS本站咕嚕從發球跑一步步手動在WebStorm內？

2016-12-01 mvermand

打開Chrome debogger等把debogger的腳本部分中斷點。如果你想使它與Jetbrains aniway協同工作，它顯然與grunt或webstorm無關，只是在你的ide和chrome之間。 – Walfrat

Webstorm是IDE ;-) – mvermand

我發現它：我需要更改Jetbrains IDE支持擴展選項中的主機設置。它有「127.0.0.1」值，當我改變它到「localhost」的，事情就開始工作了！

2016-12-01 13:08:31 mvermand

你是在windows下（或者是windows的虛擬機）？我記得有時會遇到這樣的麻煩，但從來沒有在linux下做過類似的事情。 – Walfrat

是的，我在Windows上運行。 – mvermand

此類問題可能是由代理服務器/防火牆阻止對「127.0.0.1」的請求造成的...... – lena

回答