Angular-cli: ng serve crashes after second save angular-cli v6.2.4
This seems a regression of https://github.com/angular/angular-cli/issues/8522
I've been using Angular-CLI v6.0.8 for months without any problem.
Today I decided to upgrade to the latest version: v6.2.4
When I run ng server I don't have any problems, but when I ---aot every second save crashes the cli.
My IDE is WebStorm.
The changelog of my package.json:
The NPM debug log:
0 info it worked if it ends with ok
1 verbose cli [ 'D:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]~prestart: [email protected]
6 info lifecycle [email protected]~start: [email protected]
7 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~start: PATH: D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\dev\myApp\Src\myApp\node_modules\.bin;C:\Perl64\site\bin;C:\Perl64\bin;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\Program Files\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files\Microsoft\Web Platform Installer\;C:\Program Files (x86)\Common Files\Adobe\AGL;C:\Program Files (x86)\GDAL-b\;J:\Akkerweb.Shared\GDALv2\;J:\Weather\GDALv212-64b\;D:\Program Files (x86)\Mono-3.2.3\bin\;C:\Program Files (x86)\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\Tools\Binn\ManagementStudio\;C:\Program Files (x86)\Windows Live\Shared;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;D:\dev\SysInternals\;C:\Program Files (x86)\Topoprogram\Common;d:\Program Files\doxygen\bin;D:\Program Files (x86)\Graphviz2.38\bin;C:\Program Files\dotnet\;C:\WINDOWS\System32\OpenSSH\;D:\Program Files\nodejs\;C:\Program Files (x86)\IncrediBuild;C:\Program Files (x86)\dotnet\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\Program Files\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files\Microsoft\Web Platform Installer\;C:\Program Files (x86)\Common Files\Adobe\AGL;D:\Program Files (x86)\Mono-3.2.3\bin\;C:\Program Files (x86)\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\130\Tools\Binn\ManagementStudio\;C:\Program Files (x86)\Windows Live\Shared;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;D:\Program Files\Git\cmd;C:\Program Files (x86)\Topoprogram\Common;
9 verbose lifecycle [email protected]~start: CWD: D:\dev\myApp\Src\myApp
10 silly lifecycle [email protected]~start: Args: [ '/d /s /c', 'ng serve --aot --port 4250' ]
11 silly lifecycle [email protected]~start: Returned: code: 1 signal: null
12 info lifecycle [email protected]~start: Failed to exec start script
13 verbose stack Error: [email protected] start: `ng serve --aot --port 4250`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at EventEmitter.emit (events.js:214:7)
13 verbose stack at ChildProcess.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at ChildProcess.emit (events.js:214:7)
13 verbose stack at maybeClose (internal/child_process.js:925:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid [email protected]
15 verbose cwd D:\dev\myApp\Src\myApp
16 verbose Windows_NT 10.0.17134
17 verbose argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
18 verbose node v8.11.3
19 verbose npm v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] start: `ng serve --aot --port 4250`
22 error Exit status 1
23 error Failed at the [email protected] start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
pmeems
All 19 comments
This seems like a bug but we'll need to look at a reproduction to find and fix the problem. Can you setup a minimal repro please?
You can read here why this is needed. A good way to make a minimal repro is to create a new app via ng new repro-app and adding the minimum possible code to show the problem. Then you can push this repository to github and link it here.
filipesilva
on 11 Oct 2018
I am also seeing this behavior in an existing app that I just upgraded, however upon fresh installation of a new app, I can't reproduce it.
markgoho
on 12 Oct 2018
We have exactlly the same problem, hope it gets resolved soon.
`i ï½¢wdmï½£: Compiling...
C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:92
throw data[0];
^
Error: ENOENT: no such file or directory, stat 'C:\Dev2\RevueDePrets\projet\src\URP.WebApp\src\app\app.component.ngfactory.js'
at Object.fs.statSync (fs.js:948:11)
at Object.statSync (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\graceful-fs\polyfills.js:297:22)
at Storage.provideSync (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:98:13)
at CachedInputFileSystem.statSync (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:251:28)
at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\src\webpack-input-host.js:70:52)
at Observable._trySubscribe (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\rxjs\internal\Observable.js:43:25)
at Observable.subscribe (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\rxjs\internal\Observable.js:29:22)
at MapOperator.call (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\rxjs\internal\operators\map.js:29:23)
at Observable.subscribe (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\rxjs\internal\Observable.js:24:22)
at SyncDelegateHost._doSyncCall (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:22:20)
at SyncDelegateHost.exists (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:61:21)
at WebpackCompilerHost.fileExists (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\src\compiler_host.js:195:44)
at VirtualFileSystemDecorator._statSync (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:24:39)
at VirtualFileSystemDecorator.statSync (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:60:29)
at virtualFilesStats._virtualInputFileSystem.getVirtualFilesPaths.map (C:\Dev2\RevueDePrets\projet\src\URP.WebApp\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:123:54)
at Array.map (
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: ng serve --aot
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\massonp3\AppData\Roaming\npm-cache_logs\2018-10-12T13_46_46_129Z-debug.log`
spaceman101
on 12 Oct 2018
@filipesilva :+1:
Steps to reproduce..
ng new test1
cd test1
ng serve --aot
then edit one of the project file (.ts or ,html) and save it... then the compiler crash,,,
spaceman101
on 12 Oct 2018
@spaceman101 I think something is missing from that repro, because I can't see it happen locally:
$ ng serve --aot
Date: 2018-10-12T15:35:00.392Z
Hash: 4e6169354defcec46a89
Time: 10540ms
chunk {main} main.js, main.js.map (main) 22.7 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.22 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 16.6 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 2.08 MB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
i ï½¢wdmï½£: Compiling...
Date: 2018-10-12T15:35:04.027Z - Hash: 237ae7d9f97b67199c43 - Time: 1517ms
4 unchanged chunks
chunk {main} main.js, main.js.map (main) 22.7 kB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
i ï½¢wdmï½£: Compiling...
Date: 2018-10-12T15:35:05.877Z - Hash: 68333ef4854c0a8c6a3d - Time: 766ms
4 unchanged chunks
chunk {main} main.js, main.js.map (main) 32.4 kB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
i ï½¢wdmï½£: Compiling...
Date: 2018-10-12T15:35:07.597Z - Hash: e8c5098eadc7002e52b6 - Time: 656ms
4 unchanged chunks
chunk {main} main.js, main.js.map (main) 32.4 kB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
i ï½¢wdmï½£: Compiling...
Date: 2018-10-12T15:35:09.480Z - Hash: 0383bbc278eb2fe0c5b1 - Time: 820ms
4 unchanged chunks
chunk {main} main.js, main.js.map (main) 32.4 kB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
If you have a new project that shows that behaviour can you commit it to github and share it here please?
filipesilva
on 12 Oct 2018
This other thread has people having the same problem lately.
https://github.com/angular/angular-cli/issues/12260
spaceman101
on 12 Oct 2018
@spaceman101 awesome, thanks. I can't look at it today because I'm already out but can look at it Monday morning.
Can you also tell me exactly what you do to trigger the rebuild please? The file you change, and how you change it.
filipesilva
on 12 Oct 2018
The exact console output you see would also help a lot.
filipesilva
on 12 Oct 2018
I change the value of the var title in app.component.ts and save it. I've reproduced it with the project open in Visual Studio Code and also juste by editing the file in notepad++.
C:\Dev2\test\test3>ng serve --aot
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-10-12T16:27:22.441Z
Hash: 355498247742d7f883be
Time: 7736ms
chunk {main} main.js, main.js.map (main) 22.4 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.22 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 15.6 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 2.08 MB [initial] [rendered]
i ï½¢wdmï½£: Compiled successfully.
i ï½¢wdmï½£: Compiling...
C:\Dev2\test\test3\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:92
throw data[0];
^
Error: ENOENT: no such file or directory, stat 'C:\Dev2\test\test3\src\app\app.component.ngfactory.js'
at Object.fs.statSync (fs.js:948:11)
at Object.statSync (C:\Dev2\test\test3\node_modules\graceful-fs\polyfills.js:297:22)
at Storage.provideSync (C:\Dev2\test\test3\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:98:13)
at CachedInputFileSystem.statSync (C:\Dev2\test\test3\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:251:28)
at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\Dev2\test\test3\node_modules\@ngtools\webpack\src\webpack-input-host.js:70:52)
at Observable._trySubscribe (C:\Dev2\test\test3\node_modules\rxjs\internal\Observable.js:43:25)
at Observable.subscribe (C:\Dev2\test\test3\node_modules\rxjs\internal\Observable.js:29:22)
at MapOperator.call (C:\Dev2\test\test3\node_modules\rxjs\internal\operators\map.js:29:23)
at Observable.subscribe (C:\Dev2\test\test3\node_modules\rxjs\internal\Observable.js:24:22)
at SyncDelegateHost._doSyncCall (C:\Dev2\test\test3\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:22:20)
at SyncDelegateHost.exists (C:\Dev2\test\test3\node_modules\@angular-devkit\core\src\virtual-fs\host\sync.js:61:21)
at WebpackCompilerHost.fileExists (C:\Dev2\test\test3\node_modules\@ngtools\webpack\src\compiler_host.js:195:44)
at VirtualFileSystemDecorator._statSync (C:\Dev2\test\test3\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:24:39)
at VirtualFileSystemDecorator.statSync (C:\Dev2\test\test3\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:60:29)
at virtualFilesStats._virtualInputFileSystem.getVirtualFilesPaths.map (C:\Dev2\test\test3\node_modules\@ngtools\webpack\src\virtual_file_system_decorator.js:123:54)
at Array.map (<anonymous>)
C:\Dev2\test\test3>
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ â–³ | '_ / _| | | | |/ _ | '__| | | | | | |
/ ___ | | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ __| |_|__, |__,_|_|__,_|_| ____|_____|___|
|___/
Angular CLI: 6.2.5
Node: 8.11.3
OS: win32 x64
Angular: 6.1.10
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
@angular-devkit/architect 0.8.5
@angular-devkit/build-angular 0.8.5
@angular-devkit/build-optimizer 0.8.5
@angular-devkit/build-webpack 0.8.5
@angular-devkit/core 0.8.5
@angular-devkit/schematics 0.8.5
@angular/cli 6.2.5
@ngtools/webpack 6.2.5
@schematics/angular 0.8.5
@schematics/update 0.8.5
rxjs 6.2.2
typescript 2.9.2
webpack 4.20.2
Workaround: https://github.com/angular/angular-cli/issues/12260#issuecomment-429415898
smasala
on 12 Oct 2018
Workaround: #12260 (comment)
Nope, that's the angular.json part in the project:
architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/test3",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
@spaceman101 when you use the latest angular-cli and ng new myapp then the entire "src/favicon.ico" line needs to be removed to prevent the following error on ng serve --aot:
Error: https://github.com/angular/angular-cli/issues/12553#issuecomment-429383806
smasala
on 12 Oct 2018
It appears the issue is [email protected]. If you are using yarn, you can add a resolutions field to package.json to force the use of version 4.5.2. For npm, you can try to install the package as a development dependency also at 4.5.2 (for npm, this unfortunately may or may not work depending on how npm hoists the packages). There is a PR with a fix for copy-webpack-plugin which will hopefully be in version 4.5.4.
clydin
on 12 Oct 2018
@clydin excellent! A simple npm install [email protected] --save-dev did the job. Thanks
smasala
on 12 Oct 2018
Running npm install [email protected] --save-dev solved it for me as well. Thanks @clydin for sharing.
pmeems
on 15 Oct 2018
Running
npm install [email protected] --save-devsolved it for me as well. Thanks @clydin for sharing.
It's working now! Thanks!
spaceman101
on 15 Oct 2018
We have a couple of PRs that should fix this.
https://github.com/angular/angular-cli/pull/12588 should fix it for Angular CLI 6.2.x. It pins [email protected] as mentioned in https://github.com/angular/angular-cli/issues/12553#issuecomment-429434572.
To workaround this problem now you can do npm install [email protected] --no-save. This way your lockfile shouldn't even change.
For version 7 we have a more complete fix in https://github.com/angular/angular-cli/pull/12591 that should fix the problem with any version of copy-webpack-plugin, using Angular CLI or @ngtools/webpack standalone.
filipesilva
on 15 Oct 2018
Fixed via https://github.com/angular/angular-cli/pull/12588, will be out in 6.2.6.
filipesilva
on 16 Oct 2018
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
_This action has been performed automatically by a bot._
![angular-automatic-lock-bot[bot] picture](https://avatars0.githubusercontent.com/in/40213?v=4&s=40)
angular-automatic-lock-bot[bot]
on 9 Sep 2019
Related issues
MateenKadwaikar
·
3Comments
brtnshrdr
·
3Comments
5amfung
·
3Comments
NCC1701M
·
3Comments
gotschmarcel
·
3Comments
Most helpful comment
It appears the issue is
[email protected]. If you are using yarn, you can add aresolutionsfield to package.json to force the use of version4.5.2. For npm, you can try to install the package as a development dependency also at4.5.2(for npm, this unfortunately may or may not work depending on how npm hoists the packages). There is a PR with a fix forcopy-webpack-pluginwhich will hopefully be in version 4.5.4.