[alx90]

Hello,
I just installed AngularIDE standalone package few days ago and so far I’m very happy with it, anyway I’m facing some troubles when starting my Angular2 app using the embedded ‘Angular CLI’ server (Run As -> Angular Web Application).
The app I’m working on has been generated with angular-cli 1.0.0-beta.24 and then successfully imported into AngularIDE as ‘Angular 2 Project’, no errors or problems are shown and actually the app works absolutely fine running ‘ng serve’ using both the standard ubuntu system terminal and the embedded ‘Terminal+’.

Anyway I’d like to start the app using the embedded ‘Angular CLI’ server (in order to use javascript debug) but here is what happens:
1. I Right click the project -> Run As -> Angular Web Application
2. ng serve command is launched and the app starts correctly and shows fine at http://localhost:4200/, here is Terminal+ output

	Node.js version:    v7.2.1
	NPM version:        3.10.10
	ng serve --port=4200 --live-reload=true --environment=prod --webclipse-launch-id=5673452378455491527
	** NG Live Development Server is running on http://localhost:4200. **
	Hash: 7657ca71e5d3b9ad0255                                                               
	Time: 15413ms
	chunk    {0} 0.chunk.js, 0.bundle.map 15.5 kB {2} {1} [rendered]
	chunk    {1} 1.chunk.js, 1.bundle.map 17.6 kB {0} {2} [rendered]
	chunk    {2} main.bundle.js, main.bundle.map (main) 30.3 kB {5} [initial] [rendered]
	chunk    {3} scripts.bundle.js, scripts.bundle.map (scripts) 351 kB {6} [initial] [rendered]
	chunk    {4} styles.bundle.css, styles.bundle.map, styles.bundle.map (styles) 257 kB {6} [initial] [rendered]
	chunk    {5} vendor.bundle.js, vendor.bundle.map (vendor) 2.84 MB [initial] [rendered]
	chunk    {6} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
	webpack: bundle is now VALID.

3. Server remains in ‘Starting’ status and progress bar stays stuck waiting for the server to be completely started
4. After few minutes the following error message is displayed:

‘Launching myApp on Angular CLI server’ has encountered a problem.
Timed out waiting for server to start. Please ensure you have angular-ide NPM plugin installed in your project. Run npm install –save-dev angular-ide.

Obviously I executed the suggested command from the project root and ‘angular-ide’ npm package is now installed, but nothing seems to change.
Here is the output for the command ‘npm list angular-ide’ executed from project root folder:

	myapp@1.0.0 /home/alx/workspace_fe/ng2-clevercom
	└── angular-ide@0.9.10 

Could you please help me to make this work? It would be great to use typescript debug directly from Angular IDE,

Thanks in advance, Alessio

• This topic was modified 7 years, 8 months ago by Genuitec Administrator.

[alx90]

Sorry, just to be precise, in the ‘ng serve’ command the environment is ‘dev’ 🙂

[Salvador Cabrera]

Hi!

We’re having a hard time trying to replicate this issue with no luck, do you have any extra info that could be relevant?
What about generating a new Angular 2 project using the wizard ? (File>New>Angular 2 Project.)
Do you get the same behavior ?

Best regards,
Sal.

[alx90]

Hi and thanks for your reply,

I generated a couple new Project using ‘File>New>Angular 2 Project’ using 2 different angula-cli versions: 1.0.0-beta.24 and 1.0.0-beta.22-1.
I tried to run every project both in development and in production mode, anyway I try I keep getting the same behavior:

1. ng serve is launched and the app displays fine in the browser, here is an example terminal+ output:

Node.js version:    v7.2.1
NPM version:        3.10.10
ng serve --port=4200 --live-reload=true --environment=dev --webclipse-launch-id=3658662474637153571
** NG Live Development Server is running on http://localhost:4200. **
Hash: 625427e4157903ef7dce                                                               
Time: 7848ms
chunk    {0} main.bundle.js, main.bundle.map (main) 4.52 kB {2} [initial] [rendered]
chunk    {1} styles.bundle.css, styles.bundle.map, styles.bundle.map (styles) 1.77 kB {3} [initial] [rendered]
chunk    {2} vendor.bundle.js, vendor.bundle.map (vendor) 2.84 MB [initial] [rendered]
chunk    {3} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
webpack: bundle is now VALID.

2. Progress view stays stuck at 73% showing this message:
Starting testApp on Angular CLI Server…
Preparing launch delegate…: waiting for server to start…

I can’t debug the app if i put any breakpoint in typescript files from AngularIDE. In particular I tried to put a breakpoint in app.component.ts from AngularIDE and debug does not work, same breakpoint placed from chrome browser dev console works fine.

3. After few minutes Angular IDE shows this error
Starting testApp on Angular CLI Server…
has encountered a problem
Timed out waiting for server to start. Please ensure you have angular-ide NPM plugin installed in your project. Run npm install –save-dev angular-ide.

‘npm list angular-ide’ output always confirms angular-ide npm package is installed:

test-app@0.0.0 /home/alx/workspace_fe/testApp
└── angular-ide@0.9.10 

I’m running ubuntu 14.04 LTS, system is up to date and so is Angular-IDE.
IDE is installed in my home directory and started with my own user.
I’m thinking about reinstalling the IDE and see what happens, anyway I’d be glad to avoid that because I already configured all my preferences and plugins in it.
For the installation I followed the standard command line guide using these commands:

cd ~
sudo npm install -g angular-ide
ngide install ~/angular-ide

Let me know if any other specific information could be helpful.
Regards, Alessio

[Salvador Cabrera]

Hi Alessio!

Thanks for the info! We have successfuly replicated this issue and working on fix for this.
For the meantime, as a workaround, you can do this:

1.- Make sure AngularIDE is not running.
2.- Please remove the “.webclipse/angular-ide.locations” file.
e.g. $ rm ~/.webclipse/angular-ide.locations

This should make the issue disappear next time you run AngularIDE.

Best regards,
Sal

[alx90]

Hi Sal,

many thanks for your reply, the workaround you suggested works great! I can happily debug from Angular IDE now! 🙂

I’ll keep listening for any news about the final fix, for now keep on the good work and congratulations for this great IDE!

Regards, Alessio

[Jon]

Hi Sal,

I am experiencing the similar issues to Alessio from Eclipse Neon.2 Release (4.6.2) on a MacBook Pro running MacOS Sierra 10.12.2. I have tried deleting the server configuration under the Servers tab, shutting down Eclipse, and removing the angular-ide.locations as you mention above. When I restart, I recreate the server with Angular CLI proxy support added. The “ng serve” operation successfully compiles my application, yet never finishes starting. I can access the server in this state, but it is not sensitive to any change I make.

You mentioned a forthcoming fix for this issue. When do you expect to release it? Is there a chance to get this fix in BETA form?

Thanks so much, Jon

[Salvador Cabrera]

Hi Jon,

The fix is coming REAL soon but i think you might be experiencing a different issue, which version of angular-cli is installed on your project?

Regards,
Sal.

[Jon]

Hi Sal,

Thanks for your incredibly fast response!

I am running angular-cli 1.0.0-beta.26, having updated yesterday from 1.0.0-beta.22-1.

And, angular-ide is 0.9.10 as you recommended. I, however, have its version specified using carat format (^0.9.10).

Thanks,
Jon

[Salvador Cabrera]

Hi Jon,

Thanks for the info!
There are some changes in angular-cli@1.0.0-beta.25 that broke our support for angular-cli, that is the reason why you are experiencing this issue.
The good news is that we already working on a fix for this and should be landing in the upcoming release that will be available pretty soon :).

Best Regards,
Sal.

[support-swapna]

Jon,

Webclipse 2017 CI 2 is out. Please update and check if you are still seeing issues with embedded Angular CLI server.

Please let us know how it works for you.

–Swapna
MyEclipse Support

[Stefan]

Hi Sal,

I have a completely fresh eclipse and webclipse installation and the same issues. My system is running on Mac. Installed Node v7.4.0 and npm 4.1.2. I deleted file discribed in the post before. Nothing…
After timeout I get the message: Timed out waiting for server to start. Please ensure you have angular-ide NPM plugin installed in your project. Run npm install –save-dev angular-ide.

Have you any idea?
Stefan

[Jon]

Hi Swapna,

What version of angular-cli does Webclipse 2017 CI 2 require?

Thanks,
Jon

[Salvador Cabrera]

Hi Stefan,

What version of Angular CLI are you using?
Are you by any chance using the “@angular/cli” package ?
We currently support only the “angular-cli” package from “1.0.0-beta.16” until “1.0.0-beta.28” which should also respond to Jon’s question.
There’s already progress to support the latest Angular CLI versions (“@angular/cli” package) and we are expecting to deliver this pretty soon.

Best Regards,
Sal.

[javafun]

I haven exact same issue. ng serve gets stuck on 73%. I can’t debug, app is running on browser.
After several minutes getting error
“Timed out waiting for server to start. Please ensure you have angular-ide NPM plugin installed in your project. Run npm install –save-dev angular-ide.
Timed out waiting for server to start. Please ensure you have angular-ide NPM plugin installed in your project. Run npm install –save-dev angular-ide.”

Environment:
OS: Windows 10
Neon.2 Release (4.6.2) Build id: 20161208-0600
Webclipse 1.7.2.201703011717

Manually created new Angular2 app (couldn’t do that with “File > New ? Angular2 Project” because ng init command was removed from Latest Angular CLI v: 1.0.0-rc.0)

devDependencies created:

` “devDependencies”: {
“@angular/cli”: “1.0.0-rc.0”,
“@angular/compiler-cli”: “^2.4.0”,
“@types/jasmine”: “2.5.38”,
“@types/node”: “~6.0.60”,
“angular-ide”: “^0.9.17”,
“codelyzer”: “~2.0.0”,
“jasmine-core”: “~2.5.2”,
“jasmine-spec-reporter”: “~3.2.0”,
“karma”: “~1.4.1”,
“karma-chrome-launcher”: “~2.0.0”,
“karma-cli”: “~1.0.1”,
“karma-jasmine”: “~1.1.0”,
“karma-jasmine-html-reporter”: “^0.2.2”,
“karma-coverage-istanbul-reporter”: “^0.2.0”,
“protractor”: “~5.1.0”,
“ts-node”: “~2.0.0”,
“tslint”: “~4.4.2”,
“typescript”: “~2.0.0”
}`

• This reply was modified 7 years, 8 months ago by javafun.

[Author]

Posts