ng serve hangs at 70%

Please provide us with the following information:

OS?

Windows 7, 8 or 10. Linux (which distribution). Mac OSX (Yosemite? El Capitan?)

Windows 10

Versions.

Please run ng --version. If there's nothing outputted, please run in a Terminal: node --version and paste the result here:

$ ng --version
angular-cli: local (v1.0.0-beta.23, branch: master)
node: 6.9.2
os: win32 x64

Repro steps.

Was this an app that wasn't created using the CLI? What change did you do on your code? etc.

It was working fine in beta-21.
Latest version results in this error. I desperately need this version as I need the i18n features.

The log given by the failure.

Normally this include a stack trace and some more information.

$ ng serve
** NG Live Development Server is running on http://localhost:4200. **
 70% building modules 1290/1290 modules 0 active

Mention any other details that might be useful.

Another issue ( #3508 ) with this problem was marked as duplicate of ( #3368 ). That's not right. In my case, in beta-21 the application compiles fine in AOT. So, as since beta-22 AOT is enabled by default, it should also still work. So it may be an AOT issue, but by making AOT no longer default, this issue won't be fixed.

I am starting to lose confidence in Angular CLI. I am aware it's work in progress, but in every commit I get random errors. I've tried most of the commits since i18n was introduced, and every one gives a different error.
And the fact that .beta-22 introduced a major bug (AOT enabled by default) doesn't help either.
You're doing a great job, but keep in mind that people use this tool for production websites.

[antonybudianto7]

same here,

TEMPORARY WORKAROUND
downgrading to @ngtools/webpack 1.1.9 solved this. By downgrading I mean you add @ngtools/webpack as dependency to your package.json

[schroedan]

In my case downgrading to tslint 4.0.2 solved the problem.

[donotfold]

@antonybudianto7 and @schroedan ... didn't work for me :/

[antonybudianto]

@donotfold have you cleaned your node_modules before re-installing?

[KeksKlip]

Have the same issue.
I deleted node_modules
I linked angular-cli in my project to use the latest beta.23
And put @ngtools/webpack 1.1.9 in my package.json
Run npm install
Run ng init to re-initiate my project.

But ng serve stucks on 70%

[antonybudianto]

btw I used beta.22-1, not beta.23, sorry forgot to mention it.

[SebastianSchenk]

I have the same issue with beta.22-1

[mairanteodoro]

Having the same issue with beta.21. Tried rm -rf node_modules to no avail.

[nikoTM]

+1

EDIT: Apparently it has something to do with yarn, when I do rm -rf node_modules && npm install, ng serve works as intended, but yarn install breaks it. Somewhere a version gets screwed I guess.

ANOTHER EDIT:

NPM warn with 1.0.0beta.22-1 package.json:

npm WARN tslint-loader@2.1.5 requires a peer of tslint@^3.0.0 but none was installed.

Yarn warnings:

warning Incorrect peer dependency "@angular/compiler@~2.3.1".
warning Incorrect peer dependency "@angular/compiler-cli@~2.3.1".
warning Incorrect peer dependency "@angular/core@~2.3.1".
warning Unmet peer dependency "@angular/tsc-wrapped@~0.5.0".

[mairanteodoro]

@nikoTM It definitely has something to do with yarn; after rm -rf node_modules && npm install, I had to upgrade "@angular/compiler" and "@angular/core" from 2.0.0 to 2.2.3 in my package.json. Then, I had lots of warnings from npm but finally got ng serve to work. ;)

[antonybudianto]

Looks like it's solved
webpack/webpack-dev-middleware#156

cc @hansl

[hansl]

Right. The process now terminates instead. I just submitted a PR for a better error message and, in the case of watching (serve or build --watch), stay in process and watch file changes.

[Kosmonaft]

Fresh install of angular-cli@latest(1.0.0-beta.22-1) and ng serve is hanging on 70%

@Kosmonaft I've raised this issue on the master branch. So either revert to beta.21, or clone the repository and run from there.
I've confirmed that the bug has been resolved in master branch.