0

我有一个从 8 到 11 的 Angular 应用程序版本更新。此路由器在更新后无法工作。应用程序运行时显示空白页。编译和浏览器控制台没有错误。如何解决问题?

export const AppRoutes : Routes = [
{ path: 'login', component: LoginPageComponent }
{ path: '', component: MainComponent},
{ path: '', component: MainComponent, children: [
    { path: 'test-one', loadChildren: () => import('./TestOne/TestOne.module').then(m => m.TestOneModule)},
    { path: 'test-two', loadChildren: () => import('./TestTwo/TestTwo.module').then(m => m.TestTwoModule), canActivate: [AuthGuard], runGuardsAndResolvers: 'always'}
]},
{ path: ':pageslug', component : MainComponent },
{ path: '**', component : MainComponent }

];

4

1 回答 1

0

Angular 11 中关于路由器的一些重大更改如下:

router: * RouterModule.forRoot 中选项的 initialNavigation 属性不再支持 legacy_disabled、legacy_enabled、true 或 false 作为有效值。legacy_enabled(旧默认值)改为 enabledNonBlocking enabled 已被弃用为 RouterModule.forRoot initialNavigation 选项的有效值。已引入 enabledBlocking 来替换它 router: preserveQueryParams 已被删除,使用 queryParamsHandling=”preserve” 代替 router: 如果您正在访问 RouterLink 的 queryParams、fragment 或 queryParamsHandling 值,您可能需要放宽输入以接受 undefined 和 null。(#39151)

请参阅: https ://medium.com/swlh/angular-11-in-depth-9a7372b4a600

于 2020-12-14T10:41:58.300 回答