Angular：Router.navige不在某些页面上加载组件

Question

我将Angular从10更新到12，在迁移后，我的网站的某些页面不再使用Router.navigate.navigate（或routerlink）加载组件。尽管URL更改并正确（如果我刷新，则加载了正确的内容）。据我了解，这可能来自路由表，但是我并没有真正看到这将如何解释它，因为它在Angular 10中起作用。

Shell.childRoutes([
    {
      path: '',
      component: LoginComponent,
      canActivate: [RedirectionGuardService],
      pathMatch: 'full'
    },
    {
      path: 'component1',
      component: componentComponent1,
      data: { title: marker('Component1'), data: { roles: ['Role.USER'] } },
    },
    {
      path: 'component2/:query',
      component: component2Component,
      data: { title: marker('component2') },
      resolve: { data: component2Resolver },
    },
    {
      path: 'component3/:id/:value',
      component: component3Component,
      resolve: { data: component3Resolver },
      data: { title: marker('component3') },
    },
    {
      path: 'component4/:id',
      component: component4Component,
      resolve: { data: component4Resolver },
      data: { title: marker('component4') },
    },
    {
      path: 'component5/:id',
      component: component5Component,
      resolve: { data: component3Resolver },
      data: { title: marker('component5') },
    },
  ]),
  {
path: 'waitingComponent',
component: waitingComponent,
data: { title: marker('Waiting') },
  },
  {
path: 'uploadModal/:id/:value',
component: UploadModalComponent,
data: { title: marker('Upload Content') },
  },
  {
path: 'faq',
component: FAQComponent,
  },

在我提供的代码中，router.navigate在component2或uploadcomponent中不起作用，但在component1或component3。

是关于如何编写router.navigate的问题：

this.router.navigate(['/component3/',this.value1, this.value2]);

如果这

我还尝试使用固定值尝试，但不会改变情况。 URL会更改，但没有变化。

在编译或使用浏览器（控制台或网络）的过程中，我不会收到任何错误。

任何帮助都是有价值的。

Answer 1

好吧，我找到了引起问题的原因，花了我一段时间，但是这里是。

在Routereusestrategy的配置中，参数shore reuseroute是错误配置的，在Angular 10和11之间的更改中，发生了变化，并且以前的配置不再符合Angular的标准。

配置应该看起来像这样：

返回Future.RouteConfig === Current.RouteConfig;

希望这将帮助那些在从Angular 10迁移到Angular 11期间也遇到此问题的人。