eclipse-wildwebdeveloper / wildwebdeveloper

Simple and productive Web Development Tools in the Eclipse IDE
https://projects.eclipse.org/projects/tools.wildwebdeveloper
Eclipse Public License 2.0
189 stars 70 forks source link

Debuging angular application not working #735

Open k-tabaku opened 2 years ago

k-tabaku commented 2 years ago

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.

mickaelistria commented 2 years ago

It could be an issue with source mapping. Your angular files are in ts, right?

mickaelistria commented 2 years ago

Ideally, can you please share a minimal project to reproduce the issue?