Как отладить проект семян angular2 в PhpStorm / WebStorm?

Angular2 написано в машинописном виде.

Я использую проект семян Angular2 и я не могу заставить PhpStorm (WebStorm) отлаживать его - он не останавливается на точке останова в .ts файлы.

Хо, чтобы сделать это?

Теперь я использую JavaScript Debug С http://localhost:8080 как URL-нет точек останова :/

8
angular debugging phpstorm webstorm

4 ответов

чтобы отладить в WebStorm, вам нужно обязательно создать исходные карты. Для этого откройте angular2-seed\webpack.config.js и добавить 

devtool: 'source-map',

для конфигурации webpack; затем создайте конфигурацию запуска отладки javaScript с помощью http://localhost:8080/ URL, и добавьте следующее Remote URL сопоставление для корневого каталога проекта

webpack:///.

Теперь запустите сервер с npm start; после запуска сервера запустите конфигурацию, описанную выше в отладчике, нажав Debug

18

Если вы используете Chrome, напишите в своем коде (где вы хотите сломать ):

debugger;

откройте браузер, нажмите F12 (консоль разработчика), чем обновить страницу. Выполнение приложения должно прекратиться по этой команде.

Примечание, ваш tslint (если вы используете это ) может жаловаться на использование команды отладчика. Отредактируйте свой tslint.файл json и поставить no-debugger, чтобы быть true

3

можно использовать "угловые бэтаранга" инструмент для отладки

0

установка точек останова в файлы TypeScript и выполнение пошаговой обработки в них возможно в инструментах Chrome Dev.

вы пытались?

надеюсь, это поможет вам. Тьерри!--1-->

-1