eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper

Debuging angular application not working

オープン
#735 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
Java
スター
201
フォーク
76
平均マージ
4日 7時間
マージ済み PR(30日)
21

説明

Hello,
starting an angular application from an eclipse terminal using "npm run-script debug" where debug is defined in package.json
{
"name": "myApplication",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"debug": "node --inspect=9229 --inspect-brk ./node_modules/@angular/cli/bin/ng serve --port=4200",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/cdk": "^7.2.6",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
"@angular/platform-browser": "~7.2.0",
"@angular/platform-browser-dynamic": "~7.2.0",
"@angular/router": "~7.2.0",
"@ng-select/ng-select": "^2.20.2",
"@syncfusion/ej2-angular-calendars": "^18.4.48",
"angular-mydatepicker": "^0.3.4",
"angular-notifier": "^6.0.1",
"angular-popper": "^2.0.1",
"core-js": "^2.5.4",
"file-saver": "^2.0.0-rc.3",
"font-awesome": "^4.7.0",
"initium": "^2.1.0",
"moment": "^2.24.0",
"ng-generic-field": "^1.5.1",
"ng-generic-table": "^1.4.8",
"ng-loader": "file:ng-loader-1.0.1.tgz",
"ng-mini-loader": "^1.0.3",
"ng-modal": "^0.0.10",
"ng-one-row": "1.0.2",
"ng-open-map": "0.0.15",
"ng-quick-insert": "^0.0.33",
"ng-tree-level": "^0.0.6",
"ng2-currency-mask": "^5.3.1",
"ngx-material-timepicker": "^3.3.1",
"ngx-pagination": "^3.2.0",
"node-sass": "^4.0.0",
"pdfmake": "^0.1.70",
"popper.js": "^1.14.0",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"web-animations-js": "^2.3.2",
"xlsx": "^0.14.0",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.0",
"@angular/cli": "~7.3.3",
"@angular/compiler-cli": "~7.2.0",
"@angular/language-service": "~7.2.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.2.2"
}
}

I run the a "Debug Configuration" of type "Running Node.js application" with the following configuration:
image
image
image

The breakpoint in the file ./node_modules/@angular/cli/bin/ng works correctly.
image

After the compilation the breakpoints are not being considered.
image

Is my configuration enough? Does wild web developer support debugging angular applications?

Thank you in advance.

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

Eclipse のデバッグ設定と package.json のデバッグスクリプトから始め、次に ./node_modules/@angular/cli/bin/ng を介してコマンドを再現します。Angular CLI のエントリーポイントで機能するブレークポイントと、コンパイル後のアプリケーションのブレークポイントを比較します。サポートされている設定とブレークポイントの動作が特定、文書化、または修正されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, node.js, typescript
領域
developer-experience, devtools
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。