Angular получает ошибку ChunkLoadError при отложенной загрузке, когда путь имеет несколько сегментов

#angular #routes

#angular #маршруты

Вопрос:

В настоящее время я получаю ошибку ниже при попытке

Ошибка ChunkLoadError: не удалось загрузить панель управления-панель управления-модуль.

У меня есть 2 модуля, как показано ниже:

  1. модуль панели мониторинга
  2. модуль продукта

Ниже приведен мой app.routing.ts

 const routes: Routes = [
{ path: 'product', loadChildren: () => import('./product/product.module').then(m => m.ProductModule), 
canActivate: [LoggedInGuard] },
{ path: 'dashboard', loadChildren: () => import('./dashboard/dashboard.module').then(m => 
m.DashboardModule) }
];
  

Мой модуль продукта имеет собственную маршрутизацию, как показано ниже:

 const routes: Routes = [{ path: 'test', component: TestProductComponent }];
  

Если я нажму на навигацию по продукту, где находится ссылка на маршрут: product / test, он правильно загрузит компонент testproduct.

Примечание: URL-адрес для приведенного выше: localhost:4200/product/test

Однако, если я попытаюсь вернуться к панели мониторинга, он принимает путь как: localhost:4200/product/ dashboard вместо localhost:4200/ dashboard .

Я пропустил что-нибудь из вышеперечисленного и как я могу это исправить?

Ответ №1:

Как вы возвращаетесь назад? Если есть кнопка возврата, при использовании routerLink может отсутствовать обратная косая черта.

 <a [routerLink]="['dashboard']">Back</a>  // localhost:4200/product/dashboard 

<a [routerLink]="['/dashboard']">Back</a>  // localhost:4200/dashboard 
  

Комментарии:

1. У меня есть навигация, как вы показали выше, но она по-прежнему не работает.