Question

我编写了一个代码，它在应用程序启动时重定向到特定组件。

const routes: Routes = [
    {path: 'home', component: HomeComponent},
    {path: 'content', loadChildren: 'app/components/content/content.module#ContentModule'},
    {path: 'setup', loadChildren: 'app/components/setup/setup.module#SetupModule'},
    {path: 'publish', component: PublishComponent},
    {path: '', redirectTo: 'home', pathMatch: 'full'},
    {path: '**', redirectTo: 'home'}

];

当路径为''时，它不会重定向到HomeComponet。它仅在URL包含“home”时重定向。有人可以帮我解决我出错的地方

Answer 1

我发现了错误。但我不明白为什么AppRoutingModule的顺序在导入中很重要

imports: [
        BrowserModule,
        BrowserAnimationsModule,
        HttpClientModule,
        MaterialModule,
        FlexLayoutModule,
        FormsModule,
        SetupModule,
        ContentModule,
        CoreModule,
      AppRoutingModule, //The last four modules are custom modules


    ],

我没有将AppRoutingModule放在最后，而是在FormsModule之后移动它。

即

imports: [
            BrowserModule,
            BrowserAnimationsModule,
            HttpClientModule,
            MaterialModule,
            FlexLayoutModule,
            FormsModule,
            AppRoutingModule,//Shifted Here
            SetupModule,
            ContentModule,
            CoreModule


        ],

通过更改它，只要路径为空，它就会重定向到HomeComponent

路径为空时无法重定向到指定的组件

1 个答案: