eclipse-wildwebdeveloper / eclipse-wildwebdeveloper/wildwebdeveloper

Debuging angular application not working

Offen
#735 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
Java
Sterne
201
Forks
76
Ø Merge
4 T. 7 Std.
Gemergte PRs (30 T.)
21

Beschreibung

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.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der Eclipse-Debug-Konfiguration und dem Debug-Skript in package.json und reproduziere dann den Befehl über ./node_modules/@angular/cli/bin/ng. Vergleiche den funktionierenden Breakpoint im Angular CLI-Einstiegspunkt mit Anwendungs-Breakpoints nach der Kompilierung. Erledigt ist die Aufgabe, wenn die unterstützte Konfiguration und das Breakpoint-Verhalten identifiziert, dokumentiert oder behoben sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, node.js, typescript
Bereich
developer-experience, devtools
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.