Question

这是app-routing.module.ts的样子：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { PageNotFoundComponent } from './shared/page-not-found/page-not-found.component';

const routes: Routes = [
  {
    path: '', redirectTo: '/sign-in', pathMatch: 'full'
  },
  {
    path: '**', component: PageNotFoundComponent
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

我还有另一个路由模块，称为auth-routing。看起来像这样：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { SignInComponent } from './components/sign-in/sign-in.component';

const routes: Routes = [
    {
        path: 'sign-in', component: SignInComponent, pathMatch: 'full'
    }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class AuthRoutingModule { }

我按照本教程中的建议整理了代码，而我遇到的问题是，当我导航到重定向到http://localhost:4200/sign-in的根页面时，看到的是page-not-found works!。

这是怎么发生的？

Answer 1

从您得到的结果来看，AuthRoutingModule似乎没有导入到AppModule的上下文中。

要解决此问题，您需要将AuthRoutingModule导入AppModule（设置imports:参数或导入任何AppModule导入模块中。

angular router docs对于如何正确配置它具有很强的描述性。我鼓励您按照此页面上的指南进行操作，以便您可以完善已经知道的内容。

在angular

1 个答案: