But my problem is that put breakpoint on getHeroes () return method in file or any other place does not hit. With above settings, click Run button then browser popped up as before. I received feedback from a Ionic 2 user experiencing issues with the debug configuration in P圜harm and WebStorm (2016.2). Install Chrome JetBrains IDE extension After reading WebStorm tutorial, I might need to add -debug Node option. Note to especially to WebStorm and P圜harm: If IntellJ/Webstorm recognizes the breakpoints and is able map it to a file the breakpoint changes its look and shows a checkmark on the red dot. make sure to have the path to URL mapping correctly in the debug config.This should trigger an alert in your browser window. To do so go to the debug tab and type “alert(1) ”. Make sure that the connection between IDE debugger and browser is ok.Make sure to have the browser extension installed: Next, click on the packages.json file and observe the dependencies. You are ready to run Ionic 2 from IntelliJ/Webstorm/… and to enable debugging. Click on the Clone button and open the project in WebStorm. Your IDE needs this setting to understand how the generated sources and the originally sources are connected. Debugging of Angular applications is only supported with Node.js version 16 and earlier. Before you start Make sure you have Node.js on your computer. Then add the folder mapping of the Remote URL localhost:8100 to the folder containing your ionic project ( where your package.json is ). WebStorm provides support for Angular and helps you on every step of the development process from creating a new Angular app and working on the components to debugging and testing it. Name the newly created debugger and choose URL and browser – for me chrome and localhost:8100. In order to add the TypeScript debugging click the green plus again and select “JavaScript Debugging”: We can run Ionic 2 serve now via our IDE. Now set name and command and platform as seen in the screenshot: Later you can add run Android, Windows Phone and iOS by yourself. Scroll down and select “PhoneGap/Cordova”.įor now we only want to add the ionic serve task to the run method. Next step is to enable Run Cordova, go to Run -> Edit Configuration and use the green plus icon on the top right corner of the window to add a new configuration. To do so go to Settings -> Plugins -> Install JetBrains plugin and search for “cordova”. Above all make sure to have the “Phonegap/Cordova” Plugin installed when you want to start Ionic from Run. Setting up Ionic 2 debugging is pretty easy.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |