Angular：無法在延遲加載的模塊組件中定義路由器出口：

Question

我想制作延遲加載的模塊，其中我有 3 個組件。 主要是Auth組件（以及signIn和signOut組件）。 所以我進行了延遲加載並延遲加載了我的模塊，但是我無法在我的身份驗證組件中定義路由器出口標簽來使子路由工作。

 import {NgModule} from '@angular/core'; import {Routes, RouterModule} from '@angular/router'; import {AuthorizationModule} from './authorization/authorization.module'; const routes: Routes = [ {path: 'auth', loadChildren: () => AuthorizationModule} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }

 import {NgModule} from '@angular/core'; import {RouterModule, Routes} from '@angular/router'; import {SignUpComponent} from './sign-up/sign-up.component'; import {SignInComponent} from './sign-in/sign-in.component'; import {AuthComponent} from './auth/auth.component'; const routes: Routes = [ { path: '', component: AuthComponent, children: [ {path: 'signIn', component: SignInComponent}, {path: 'signUp', component: SignUpComponent} ] } ]; @NgModule({ imports: [RouterModule.forChild(routes)], exports: [RouterModule] }) export class AuthRoutingModule { }

Answer 1

在AuthorizationModule導入AuthRoutingModule

@NgModule({
  
  imports: [
    AuthRoutingModule // Add this statement
  ]
})
export class AuthorizationModule{ }

Answer 2

無論如何，您都AppRoutingModule在AppRoutingModule提供您正在使用的角度版本

const routes: Routes = [ {
           path: 'auth', 
           loadChildren:  () => import('./path/to/your/auth/module/ts/file').then((m: AuthModule) => m.AuthModule)
       }
];