appShell fails if the app already has a RouterModule

[alexeagle]

From @cexbrayat on November 24, 2017 23:18

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Area

- [ ] devkit
- [x] schematics

Versions

Repro steps

Generate a new app ng new hello.

Edit app.module.ts to add a RouterModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

const routes: Routes = [];

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(routes)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Add router-outlet in index.html.
Run unviersal: ng g universal server-app
Run appShell: ng g app-shell shell --universal-app serverA-app

The log given by the failure

Error: Chunk cannot be found.
Chunk cannot be found.

Copied from original issue: angular/devkit#297

[alexeagle]

From @Brocco on December 5, 2017 18:10

PR #307 was merged to prevent this.

[alexeagle]

From @cexbrayat on December 7, 2017 1:58

@Brocco maybe I'm missing something but I still reproduce with 1.6.0. It may be for another reason but the same steps lead to the same message.

[alexeagle]

From @Brocco on December 14, 2017 15:2

I will investigate further, re-openeing

[alexeagle]

From @EduardoIbarra on March 27, 2018 4:51

Is there a solution for this? I am facing the same problem

[alexeagle]

From @PascalPrecht on April 4, 2018 12:50

I'm also running into this with CLI 1.7.3.

[alexeagle]

From @lawliet616 on April 11, 2018 9:21

For a workaround, I just simply remove the RouterModule and its import from the app.module.ts, run the ng generate app-shell command, then add the RouterModule back.