Мое приложение имеет открытые маршруты, такие как вход в систему, регистрация, а также защищенные маршруты участников.Участник маршрутов имеет дочерние маршруты вкладок.У вкладок есть некоторые дочерние категории маршрутов, элементы и т. Д. Каждый раз, когда я запускаю ионную подачу, я получаю следующую ОШИБКУ в модуле Не удалось разрешить ./dashboard/dashboard.module относительно app / members / tabs / tabs-routing.module.ts
Я использовал относительный путь при настройке маршрутов.
В файле tsconfig.app.json я добавил "baseUrl": "./"
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": [],
"baseUrl": "./"
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}
Это мой AppRoutingModule:
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
import { AuthGuardService } from './services/auth-guard.service';
const routes: Routes = [
{ path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: 'login', loadChildren: './login/login.module#LoginPageModule' },
{ path: 'register', loadChildren: './register/register.module#RegisterPageModule' },
{
path: 'members',
loadChildren: './members/members-routing.module#MemberRoutingModule' ,
canActivate : [AuthGuardService]
},
];
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
],
exports: [RouterModule]
})
export class AppRoutingModule { }
Этоэто мой MemberRoutingModule:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{
path: '',
redirectTo: 'members',
pathMatch: 'full'
},
{ path: 'tabs', loadChildren: './tabs/tabs.module#TabsPageModule' },
{ path: 'profile', loadChildren: './profile/profile.module#ProfilePageModule' },
{ path: 'logout', loadChildren: './logout/logout.module#LogoutPageModule' },
{ path: 'menu', loadChildren: './menu/menu.module#MenuPageModule' },
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class MemberRoutingModule { }
Это мой TabsRoutingModule:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';
const routes: Routes = [
{
path: '',
redirectTo: '/tabs/tabs/dashboard',
pathMatch: 'full'
},
{
path: 'tabs',
component: TabsPage,
children: [
{
path: 'dashboard',
loadChildren: './dashboard/dashboard.module#DashboardPageModule'
},
{
path: 'categories',
children: [
{
path: '',
loadChildren: './categories/categories.module#CategoriesPageModule'
},
{
path: 'new-category',
loadChildren: './new-category/new-category.module#NewCategoryPageModule'
},
{
path: ':categoryId',
loadChildren: './category-details/category-details.module#CategoryDetailsPageModule'
}
]
},
{
path: 'items',
children: [
{
path: '',
loadChildren: './items/items.module#ItemsPageModule'
},
{
path: 'new-item',
loadChildren: './new-item/new-item.module#NewItemPageModule'
}
]
},
{
path: '',
redirectTo: '/tabs/tabs/dashboard',
pathMatch: 'full'
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class TabsRoutingModule {}
Это мой tabs.page.html
<ion-content>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="dashboard">
<ion-label>Dashboard</ion-label>
<ion-icon name="podium"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="categories">
<ion-label>Categories</ion-label>
<ion-icon name="pricetags"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="items">
<ion-label>Items</ion-label>
<ion-icon name="cash"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</ion-content>
Это работало в началезатем я перезапустил приложение без каких-либо изменений, и теперь всякий раз, когда я запускаю ionic-serve, я получаю ошибку, показанную ниже, где не работает ленивая загрузка модулей.Это ошибка: «ОШИБКА в Не удалось разрешить модуль ./dashboard/dashboard.module относительно app / members / tabs / tabs-routing.module.ts»