Debugging JavaScript Angular application in WebStorm using Google Chrome

Have you installed "JetBrains IDE Support" extension for chrome?if your web server is running in localhost:63342, try:

1. Setting the URL parameter to http:// localhost:63342
2. Bind your index.html file to http:// localhost:63342/index.html

If you have any question, please have a look to this post which describes how to debug Angular with Intellij, step by step:http://ignaciosuay.com/how-to-debug-angularjs-with-intellij/

I encounter the same problem as you,but I have find the solution.You just lack a simple but important step,which is Overriding the default CORS settings.You can follow:

1. Right-click the JetBrains Chrome extension icon and choose Optionson the context menu. A web page with Chrome extension options opensshowing the parameters to connect to WebStorm.
2. Change the port which you can find in your WebStorm.Then,you candebug your AngularJS app in the Chrome.

You also can see https://www.jetbrains.com/webstorm/help/using-jetbrains-chrome-extension.html

first check Jetbrains IDE Support install on your chrome then right click on icon go to option check port, I use routing in my angular application for this reason in URL of webstorm javascript debug not selected the specific html file just for example (http://localhost:63342/sampleproject/) write on urlbox then breakpoint in controllers worked . this solution worked for me