Can I debug AngularJS and TypeScript in Eclipse?
As Basarat mentioned it is possible to debug AngularJS and TypeScript using the "TypeScript Web Remote" debug option which is included in TypEcs
How to debug the page:
- Close all open chrome windows.
- Open Chrome again with the command chrome.exe --remote-debugging-port=9222
- Apply a debug configuration according to "Add TypeScript Debug for WebKit remote mode" at TypEcs / 2.0 - New and Noteworthy
- Open your start page (index.html) in the chrome window from point 1.
- Go to debug view
- Debug using the configuration from step 3
- A dialog appears where you need to select the tab with the file that you wish to debug.
- Now you can step through the code and add breakpoints to the app.ts file if you wish. (Click on Main thread if you don't see the step options)
And if you get the error "Failed to get tabs for debugging connect timed out" close all chrome windows and reopen chrome with the chrome.exe --remote-debugging-port=9222 command.
I've tried to debug a single typescript file with the TypeScript Standalone option and it works. But I also want to use AngularJS
The steps are same as standalone. You should have sourcemaps enabled.
ReferenceError: angular is not defined
There is something wrong with your script tag for angular.min.js Check the file system and/or browser network request.
See : webkit remote debug : https://bitbucket.org/axmor/typecs/wiki/2.0%20-%20New%20and%20Noteworthy