Angular8 の loadChildren が12で動作しない

2021年7月27日

Angular関連の知識を整理すべく、8 時代に作ったコンテンツを 12で作りなおしていたところ、いきなりの初期router設定でつまずく。
app-routing.module に書きがちな router 設定がブラウザのF12で
Error: Cannot find module './auth/auth.module’
となる、ng serve した端末にはエラー表示なし。

const routes: Routes = [
  {
    path: 'auth',                                                               
    loadChildren: './auth/auth.module#AuthModule',
  },

調べてみると上の書き方は 8の時点で deprecated であり、11 で removed でした。

https://github.com/angular/angular/issues/35652

const routes: Routes = [
  {
    path: 'auth',
    loadChildren: () => import('./auth/auth.module').then(m => m.AuthModule),
  },

これを ng serve 時に警告してくれる設定は調査中。