Failed to list lazy routes: Unknown module './src/app/app.module#AppModule'

Question

Afte upgrading to Angular 9 (from Angular 8) and running ng build I am getting

ERROR in Failed to list lazy routes: Unknown module './src/app/app.module#AppModule'.

It seems that the main app module cannot be found.

This is my main.ts file:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

I have created a new project and was able to run it successfully.

This means that there changed something from 8 to 9.

Any ideas what I have to change?

Leandro Matilla · Accepted Answer · 2020-02-12 18:23:58Z

4

For lazy loaded modules via the router, make sure you are using dynamic imports. Importing via string is removed in v9. ng update should take care of this automatically. Learn more on angular.io.

In your app-routing.module.ts you shoud be have something like that:

{
        path: '/',
        loadChildren: () => import('src/app/app.module').then(m => m.AppModule)
}

answered Feb 12, 2020 at 18:23

Leandro Matilla

1,0315 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

angularconsulting.au Over a year ago

dynamic imports is not v9 feature, it is there since v8. If that was a case he should get a compilation error but this one is run-time error. Also if you do upgrade like ng update @angular/core the schematics taking care of dynamic importsmigration automatically.

angularconsulting.au · Accepted Answer · 2020-02-13 02:22:24Z

2

Seems like similar issue was being reported here

Possible solution is to set aot: true in angular.json

P.S
See the angular.json difference between CLI v8 and CLI v9

💡 Migration tip :

npm install @angular/cli -g

ng update @angular/cli @angular/core

edited Feb 13, 2020 at 2:22

answered Feb 13, 2020 at 2:05

angularconsulting.au

28.5k14 gold badges91 silver badges105 bronze badges

1 Comment

Stefan Falk Over a year ago

It was indeed a combination of different things. The angular.json and the package.json had to be updated in my case to make everything work again.

Collectives™ on Stack Overflow

Failed to list lazy routes: Unknown module './src/app/app.module#AppModule'

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Linked

Related