Angular-cli: ng build/serve fails with "Error: No errors" message

[duard]

OS?

Ubuntu 16.10

Versions.

`` __ _ _ __ __ _ _ _ | | __ _ _ __ ___ | |(_) / _ || '_ \ / _|| | | || | / _ || '__|_____ / __|| || |
| (_| || | | || (_| || |_| || || (_| || | |_____|| (__ | || |
__,_||_| |_| __, | __,_||_| __,_||_| ___||_||_|
|___/
angular-cli: 1.0.0-beta.26
node: 7.4.0
os: linux x64
@angular/common: 2.4.5
@angular/compiler: 2.4.5
@angular/core: 2.4.5
@angular/forms: 2.4.5
@angular/http: 2.4.5
@angular/platform-browser: 2.4.5
@angular/platform-browser-dynamic: 2.4.5
@angular/router: 3.4.5
@angular/compiler-cli: 2.4.5

### Repro steps.
New app created using => 
`ng new PROJECT
`
### The log given by the failure.
 ng serve

No errors
Error: No errors
at validate (/home/carlos/empresa.com.br/PROJECT/node_modules/extract-text-webpack-plugin/schema/validator.js:10:9)
at Function.ExtractTextPlugin.extract (/home/carlos/empresa.com.br/PROJECT/node_modules/extract-text-webpack-plugin/index.js:188:3)
at /home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-build-styles.js:79:83
at Array.map (native)
at Object.getWebpackStylesConfig (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-build-styles.js:76:43)
at new NgCliWebpackConfig (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-config.js:44:51)
at Class.run (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/tasks/serve-webpack.js:23:22)
at /home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/commands/serve.run.js:37:22
at process._tickCallback (internal/process/next_tick.js:103:7)

This is just a new ubuntu and a new node npm and angular-cli install 

`carlos@carlos-Z97M-D3H:~/empresa.com.br/PROJECT(master○) » npm start                                                             1 ↵

> [email protected] start /home/carlos/empresa.com.br/PROJECT
> ng serve

No errors
Error: No errors
at validate (/home/carlos/empresa.com.br/PROJECT/node_modules/extract-text-webpack-plugin/schema/validator.js:10:9)
at Function.ExtractTextPlugin.extract (/home/carlos/empresa.com.br/PROJECT/node_modules/extract-text-webpack-plugin/index.js:188:3)
at /home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-build-styles.js:79:83
at Array.map (native)
at Object.getWebpackStylesConfig (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-build-styles.js:76:43)
at new NgCliWebpackConfig (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/models/webpack-config.js:44:51)
at Class.run (/home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/tasks/serve-webpack.js:23:22)
at /home/carlos/empresa.com.br/PROJECT/node_modules/angular-cli/commands/serve.run.js:37:22
at process._tickCallback (internal/process/next_tick.js:103:7)

npm ERR! Linux 4.8.0-34-generic
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v7.4.0
npm ERR! npm v4.0.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: ng serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'ng serve'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the project package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! ng serve
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs project
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls project
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /home/carlos/empresa/PROJECT/npm-debug.log
``

[intellix]

What version of extract-text-webpack-plugin are you running? I see that they released a new version just an hour ago: 2.0.0-rc.1 which is also giving me the above error. I'll try with the previous version.

[duard]

How can I get the version of this extract-text-webpack-plugin ?

[filipesilva]

@duard npm ls extract-text-webpack-plugin in your project.

[duard]

carlos@carlos-Z97M-D3H:~/empresa.com.br/PROJECT(master⚡) » npm ls extract-text-webpack-plugin
[email protected] /home/carlos/empresa.com.br/PROJECT
└── (empty)

npm ERR! code 1

[filipesilva]

That's very odd... did you remove your node-modules?

You should get something like this:

$ npm ls extract-text-webpack-plugin
[email protected] D:\sandbox\master-project
`-- [email protected]

[jhuntoo]

I'm also experiencing this just now - does angular-cli pin package version numbers under the hood ?

[drakenfly]

I can confirm that the problem does not occur anymore after installing the plugin at version 2.0.0-rc.0
(npm install [email protected] --save-dev)

[filipesilva]

This problem arises from a recent update in a external dependency and it's not fixable without a CLI release right now.

The workaround by @drakenfly is the only option right now:

npm install [email protected] --save-dev

[duard]

Yes, I did rm -rf /usr/local/lib/node_modules after try everything ... now I will install angular-cli again

npm cache clean
npm uninstall -g angular-cli
npm install -g -f angular-cli

npm install is very slow here, I hope this work.

[netmikey]

Same issue here since half an hour or so:

$ npm ls extract-text-webpack-plugin
[email protected] /PROJECTS/myProject
├─┬ [email protected]
│ ├── [email protected]

This was driving me nuts... can we PLEASE pin versions and stop using bleeding edge chaos unless some library explicitly asks for it? (e.g. like java/maven is doing it since forever)?! 😡

[duard]

Thanks @Drakenfly

[filipesilva]

I'm going to leave this open since a lot of people are going to be searching for it. Will also change the title to something more obvious.

[Lopierdis]

The new version uses ExtractTextWebpack 2.0.0.-rc.1 which contains the bug, it's still not fixed

[TomGeiger]

I'm experiencing the same issue, 'no error' is displayed when I run ng serve.

└─┬ [email protected]
└── [email protected]

[laumair]

@Drakenfly Thanks. That did the trick.

npm install [email protected] --save-dev @Lopierdis

[gastonkirsman]

Thanks @Drakenfly !

[TomGeiger]

Thanks - that fixed me too!!

[hendryrenald1]

Just today I started learning angular-cli. About 4 hrs it was working fine and started error an hour ago replacing the extract-text-webpackage solved the issue. Thanks filipesilva.
This error drives me crazy, I just re-installed everything, without knowing the change in the repo. Is there any way we can identify the time or date the repo is planning to upgrade in future.

[Lopierdis]

@laumair this fix works for me, but it's only a hacky fix, and it prevents me from deploying to Heroku..

[meghadureja]

Thanks @Drakenfly ! fixed now by running "npm install [email protected] --save-dev"

[wutthisakj]

"npm install [email protected] --save-dev" also works for me. Thanks.

[stanleytakamatsu]

npm install [email protected] --save-dev did not work for me.

If I remove the node_modules folder and then re-installnpm install, it installs 2.0.0-rc.1, even though it is saved inpackage.json:

{
  "DevDependencies": {
...
  "extract-text-webpack-plugin": "^ 2.0.0-rc.0",
...
}
}

any suggestion?

Thanks

[drakenfly]

You could try to clean your npm cache by running npm cache clean!

[stanleytakamatsu]

@Drakenfly
I tried, but it does not work anyway.

The error happens in a clean installation inside a container of docker.

[philipgeorgiev123]

Seriously disappointed trying to learn angular ...

(node:1950) DeprecationWarning: DEBUG_FD is deprecated. Override debug.log if you want to use a different log function (https://git.io/vMUyr)
No errors
Error: No errors
at validate (/Users/philipgg/IdeaProjects/AngularCLI/node_modules/extract-text-webpack-plugin/schema/validator.js:10:9)
at Function.ExtractTextPlugin.extract (/Users/philipgg/IdeaProjects/AngularCLI/node_modules/extract-text-webpack-plugin/index.js:188:3)
at /Users/philipgg/IdeaProjects/AngularCLI/node_modules/angular-cli/models/webpack-build-styles.js:79:83
at Array.map (native)
at Object.getWebpackStylesConfig (/Users/philipgg/IdeaProjects/AngularCLI/node_modules/angular-cli/models/webpack-build-styles.js:76:43)
at new NgCliWebpackConfig (/Users/philipgg/IdeaProjects/AngularCLI/node_modules/angular-cli/models/webpack-config.js:44:51)
at Class.run (/Users/philipgg/IdeaProjects/AngularCLI/node_modules/angular-cli/tasks/serve-webpack.js:23:22)
at /Users/philipgg/IdeaProjects/AngularCLI/node_modules/angular-cli/commands/serve.run.js:37:22
at process._tickCallback (internal/process/next_tick.js:103:7)

npm ERR! Darwin 14.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/bin/npm-cli.js" "run" "start"
npm ERR! node v6.9.4
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: ng serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'ng serve'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-cli package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! ng serve
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-cli
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-cli
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/philipgg/IdeaProjects/AngularCLI/npm-debug.log

[ssthil]

Thanks @Drakenfly npm install [email protected] --save-dev its worked for me.

[philesc]

npm install [email protected] --save-dev works for me too, thanks @Drakenfly and @Equinox

[DaniyarJakupov]

Can confirm, npm install [email protected] --save-dev fixed the issue

[luAr26]

Worked for me too npm install [email protected] --save-dev

[frontendvault]

Yeah, That works !

[latentstops]

Works for me too!

[KlausEichinger]

Thanks @Drakenfly
npm install [email protected] --save-dev
works fine

[wagneripjr]

Thanks @Drakenfly

[philipgeorgiev123]

npm install [email protected] --save-dev ok worked but what the heck is wrong :(

i am trying to learn angular 2

[spnv]

Thanks @Drakenfly ! fixed now by running "npm install [email protected] --save-dev"

[TarekAlQaddy]

Thanks @Drakenfly "npm install [email protected] --save-dev"
fixed this issue
Did you report about this problem or something?

[storymessinger]

Does not work for me.

I had another error prior to this, which told me that I am lacking a module called ajv

I installed it but the error goes on....

Error: No errors at validate (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/node_modules/extract-text-webpack-plugin/schema/validator.js:10:9) at Function.ExtractTextPlugin.extract (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/node_modules/extract-text-webpack-plugin/index.js:188:3) at /Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/models/webpack-build-styles.js:79:83 at Array.map (native) at Object.getWebpackStylesConfig (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/models/webpack-build-styles.js:76:43) at new NgCliWebpackConfig (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/models/webpack-config.js:44:51) at Class.exports.default.Task.extend.run (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/tasks/build-webpack.js:18:22) at Class.buildRun (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/commands/build.run.js:39:22) at Class.Command.extend.run (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/commands/build.js:38:47) at Class.<anonymous> (/Users/Jun/Udemy/Angular2/first-try/node_modules/angular-cli/ember-cli/lib/models/command.js:147:17) at process._tickCallback (node.js:369:9)

[UpperApps]

@laumair , you saved my life. My hero. hahaha
Thank you!

[CAtoDC]

npm install [email protected] --save-dev

This did the trick on a Win10 (64-bit) box as well. Thanks!

[ghost]

@duard exact same error just now on Windows x64 using yarn to load / download dependencies

[netmikey]

@stanleytakamatsu It looks like the entry in your package.json is wrong: if you prefix the version with ^, npm will still use the latest available version of the package, and not the one explicitly specified: the version is unpinned.

If you remove the ^ like this, it might work:

"extract-text-webpack-plugin": "2.0.0-rc.0"

[drakenfly]

@stanleytakamatsu look at your package.json - what is the exact version that is saved to your package file?

I think you need to remove the caret at the start - so the line looks like: "extract-text-webpack-plugin": "2.0.0-rc.0"

[avatsaev]

Guys this is insane, use fucking yarn, and pin your shit!

[sagikazarmark]

Maybe this discussion should be locked with the solution as the last comment. There is nothing more that can be added here.