Angular, LazyLoad модули, Routing

  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: 'registr',
    component: RegistrComponent
  },
  {
    path: '',
    component: MainComponent,
    canActivate: [AuthGuard]
  }

Импортирую AuthModule в MainModule, canActivate срабатывает как и положено, /login и /registr не обрабатываются, а на всех остальных роутах срабатывает AuthGuard, тут всё работает как и задумано, в том порядке, в каком роуты прописаны.

  {
    path: 'login',
    component: LoginComponent,
    loadChildren: () => import('./auth/auth.module').then((module) => module.AuthModule)
  },
  {
    path: 'registr',
    component: RegistrComponent,
    loadChildren: () => import('./auth/auth.module').then((module) => module.AuthModule)
  },
  {
    path: '',
    component: MainComponent,
    canActivate: [AuthGuard]
  }

Тут НЕ импортирую AuthModule, а подгружаю его, как LazyLoad и canActivate срабатывает на роуты /login и /registr, что совсем не логично. Почему так происходит? Почему на все Lazy модули срабатывает AuthGuard? Как сконфигурировать, что бы Lazy модули работали как в первом варианте?


Ответы (0 шт):