Angular2 is written in TypeScript.
I'm using Angular2 seed project and I can't get PhpStorm (WebStorm) to debug it - it's not stopping on breakpoint in .ts
files.
Ho to do it?
Now I'm using JavaScript Debug
with http://localhost:8080
as URL - no breakpoints :/
To debug in WebStorm, you need to make sure to generate the sourcemaps. To do this, open angular2-seed\\webpack.config.js
and add
devtool: 'source-map',
to webpack configuration; then create javaScript debug run configuration with http://localhost:8080/
URL, and add the following Remote URL
mapping for the project root directory
webpack:///.
Now, start your server with npm start
; once the server is started, run the configuration described above in debugger by pressing Debug
If you are using Chrome, write in your code ( where you want to break ):
debugger;
Open browser, hit F12 ( developer console ), than refresh page. Execution of your app should stop on that command.
Note, your tslint ( if you use that ) may complain of using debugger command. Edit your tslint.json file and put no-debugger to be true
您可以使用“Angular batarang”工具进行调试
Putting breakpoints into your TypeScript files and executing step by step processing in them is possible within Chrome Dev Tools.
Did you make a try?
Hope it helps you. Thierry
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.