Angular-cli: "ERROR in Error: No NgModule metadata found for 'AppModule'." After Angular 5.2.1 and CLI 1.6.5 update

Created on 19 Jan 2018 · 43Comments · Source: angular/angular-cli

Versions

Angular CLI: 1.6.5
Node: 9.4.0
OS: darwin x64
Angular: 5.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.1.0
@angular/cli: 1.6.5
@angular/material: 5.1.0
@ngtools/json-schema: 1.1.0
typescript: 2.5.3
webpack: 3.10.0

Repro steps

Update npm packages
Update CLI
Start app - ng s

Observed behavior

ERROR in Error: No NgModule metadata found for 'AppModule'.
    at NgModuleResolver.resolve (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler/bundles/compiler.umd.js:20277:23)
    at CompileMetadataResolver.getNgModuleMetadata (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler/bundles/compiler.umd.js:15230:60)
    at visitLazyRoute (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler/bundles/compiler.umd.js:31169:104)
    at AotCompiler.listLazyRoutes (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler/bundles/compiler.umd.js:31137:20)
    at AngularCompilerProgram.listLazyRoutes (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler-cli/src/transformers/program.js:156:30)
    at Function.NgTools_InternalApi_NG_2.listLazyRoutes (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/compiler-cli/src/ngtools_api.js:44:36)
    at AngularCompilerPlugin._getLazyRoutesFromNgtools (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:248:66)
    at Promise.resolve.then.then (/Users/John/Dev/Javascript/Angular/FRC-TimeTracker/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:565:50)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:160:7)

Desired behavior

App run normally

Mention any other details that might be useful (optional)

Application built and ran just fine before update.

Did try rm -rf node_modules and reinstall, no change.

devkibuild-angular repro steps

Source

jtsom

😕5

Most helpful comment

Unbelievable! It works after just editing any ".ts" file.

cli

Albejr on 24 Jan 2018

👍74 😄34 🎉22 ❤21 👀1

All 43 comments

I have faced same error. solved it: clean and reinstall global angular-cli and local angular.

keyant on 20 Jan 2018

@keyant
can you put steps

hassaniftikhar on 20 Jan 2018

steps:
cd to project directory

sudo npm uninstall -g @angular/cli
sudo npm cache verify
sudo npm install -g @angular/cli@latest
rm -rf node_modules dist
npm install --save-dev @angular/cli@latest
npm install

sudo npm update -D && sudo npm update -S
sudo npm install typescript@'>=2.4.2 <2.7.0'

keyant on 20 Jan 2018

👍7 👎5 😄4 👀1 🚀1 ❤1 😕1 🎉1

Tried @keyant 's steps but still got the error No NgModule metadata found for 'AppModule'

vupham2909 on 22 Jan 2018

I get this error seemingly random. Can't really see that I've changed anything and suddenly it just stops working and throws that error.

As an example: I had a branch in Visual Studio Team Services that built correctly, and when I re-queued the same build, without any changes, the build didn't work anymore...

ottosson on 24 Jan 2018

What happens if you upgrade typescript to 2.6.0?

FA-tvonmoll on 24 Jan 2018

🎉1 😄1

Got the same error, in my case it is caused by an import statement:
import NgModule = core.NgModule;

For instance following code report error when build.

import core = require("@angular/core");
import NgModule = core.NgModule;
@NgModule( {....})
export class AppModule {}

And the error is gone if rewrite the code like below:
import core = require("@angular/core");
@core.NgModule( {....})
export class AppModule {}

x2361 on 24 Jan 2018

👍2

Unbelievable! It works after just editing any ".ts" file.

cli

Albejr on 24 Jan 2018

👍74 😄34 🎉22 ❤21 👀1

Hi @jtsom and @Albejr,

Could you provide a project we can use to reproduce this? A github repo would be great.

hansl on 24 Jan 2018

@Albejr which commit covers this problem?

https://github.com/angular/angular-cli/releases/tag/v1.6.6

@angular/cli: add karma-cli as dependency when ejecting (f17c2b3)
@angular/cli: allow colon separated schematic name in generate (f9a9d75)
@angular/cli: allow for schema-less schematics to be generated (d4dc2e3)
@angular/cli: delete node_modules on eject e2e (5c00e1f)
@angular/cli: eject now remove all hardcoded paths (53e84fe), closes #9335
@angular/cli: exclude nodejs built-ins from process.cwd() resolve (bf87508)
@angular/cli: maintain autoprefixer backward compatibility (0f82564)
@angular/cli: only force CommonJS if module kind is ES2015 (369f361)
@angular/cli: replaced bullet character due to unwanted beeping sounds on windows systems (38db84c)

ottosson on 26 Jan 2018

Had the same experience earlier as Albejr, but with forEach. TS would fail to compile the code saying something like 'foreach is not a method of