Angular: страница не загружается, все еще нет ошибок в консоли браузера

Question

У меня следующий фрагмент кода в app.routing.ts

export const routes: Routes = [
  {
    path: '',
    redirectTo: 'dashboard',
    pathMatch: 'full'
  }, 
]

Я ожидал http://localhost: 4200 / # / для перенаправления на страницу панели инструментов, но это перенаправление также не происходит загрузки страницы без отображения сообщения об ошибке в консоли браузера

Но http://localhost: 4200 / # / панель управления url работает отлично и загружает страницу ...

Полный файл маршрутизации app.routing.ts

import { NgModule, Component } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DefaultLayoutComponent } from '../../src/app/containers/default-layout/default-layout.component';
import { P404Component } from './views/error/404.component';
import { P500Component } from './views/error/500.component';
import { LoginComponent } from './views/login/login.component';
import { RegisterComponent } from './views/register/register.component';
import { CreateManufacturerComponent } from './views/inventory/manufacturer/create-manufacturer/create-manufacturer.component';
import { ListManufacturerComponent } from './views/inventory/manufacturer/list-manufacturer/list-manufacturer.component';
import { CreateGenericNameComponent } from './views/inventory/generic-name/create-generic-name/create-generic-name.component';
import { CreateWareHousesComponent } from './views/inventory/warehouses/create-ware-houses/create-ware-houses.component';
import { CreateLocationComponent } from './views/inventory/location/create-location/create-location.component';
import { CreateProductCategoriesComponent } from './views/inventory/product-categories/create-product-categories/create-product-categories.component';
import { CreateUomCategoriesComponent } from './views/inventory/uom-categories/create-uom-categories/create-uom-categories.component';
import { CreateUomComponent } from './views/inventory/uom/create-uom/create-uom.component';
import { OrdersComponent } from './views/point-of-sale/orders/orders.component';
import { SessionsComponent } from './views/point-of-sale/sessions/sessions.component';
import { ListRulesComponent } from './views/inventory/reorderingRules/list-rules/list-rules.component';
import { CreateVendorComponent } from './views/purchase/vendors/create-vendor/create-vendor.component';
import { CustomerInventoryListComponent } from './views/distributer/customerInventory/customer-inventory-list/customer-inventory-list.component';
import { CreateCustomerComponent } from './views/sale/customer/create-customer/create-customer.component';
import { CreateInventoryAdjustmentsComponent } from './views/inventory/operations/create-inventory-adjustments/create-inventory-adjustments.component';
import { CreateTransferComponent } from './views/inventory/operations/create-transfer/create-transfer.component';
import { CreateRulesComponent } from './views/inventory/reorderingRules/create-rules/create-rules.component';
import { ListProductsComponent } from './views/inventory/products/list-products/list-products.component';
import { CreateProductComponent } from './views/inventory/products/create-product/create-product.component';
import { InventoryModule } from './views/inventory/inventory.module';
import { StockSummaryReportComponent } from './views/inventory/stock-summary-report/stock-summary-report/stock-summary-report.component';
import { ExpiryStatementReportComponent } from './views/inventory/expiry-statement-report/expiry-statement-report.component';
import { StockPositionReportComponent } from './views/inventory/stock-position-report/stock-position-report.component';
import { ConsolidatedStockReportComponent } from './views/inventory/consolidated-stock-report/consolidated-stock-report.component';
import { OrderDetailsComponent } from './views/point-of-sale/order-details/order-details.component';
import { SessionDetailsComponent } from './views/point-of-sale/session-details/session-details.component';
//import { HospitalComponent } from './views/provider/hospital/hospital.component';
//import { NewhospitalsComponent } from './views/provider/newhospitals/newhospitals.component';
import { createComponent } from '@angular/compiler/src/core';
import { combineLatest } from 'rxjs';
import { NewsupplierComponent } from './views/provider/newsupplier/newsupplier.component';
import { ApprovedsupplierComponent } from './views/provider/approvedsupplier/approvedsupplier.component';
import { AddNewSupplierComponent } from './views/provider/add-new-supplier/add-new-supplier.component';
import { EditApprovedSupplierComponent } from './views/provider/edit-approved-supplier/edit-approved-supplier.component';
import { DashboardComponent } from './views/dashboard/dashboard.component';
export const routes: Routes = [
  {
    path: '',
    redirectTo: 'dashboard',
    pathMatch: 'full'
    },
  {
    path: '404',
    component: P404Component,
    data: {
      title: 'Page 404'
    }
  },
  {
    path: '500',
    component: P500Component,
    data: {
      title: 'Page 500'
    }
  },
  {
    path: 'login',
    component: LoginComponent,
    data: {
      title: 'Login Page'
    }
  },
  {
    path: 'register',
    component: RegisterComponent,
    data: {
      title: 'Register Page'
    }
  },
  {
    path: '',
    component: DefaultLayoutComponent,
    data: {
      title: 'Home'
    },
    children: [
      {
        path:'',
        component:DashboardComponent
      },

      {
        path: 'inventory',
        loadChildren: () => import('./views/inventory/inventory.module').then(m => m.InventoryModule)

      },
      {
        path: 'configuration',
        loadChildren: () => import('./views/inventory/inventory.module').then(m => m.InventoryModule)
      },
      {
        path: 'list-products',
        component: ListProductsComponent
      },
      {
        path: 'create-products',
        component: CreateProductComponent
      },
      // Distributer
      {
        path: 'distributer',
        loadChildren: () => import('./views/distributer/distributer.module').then(m => m.DistributerModule)
      },
      // { path: 'view-inventory/:id', component: CustomerInventoryListComponent },


      {
        path: 'sale',
        loadChildren: () => import('./views/sale/sale.module').then(m => m.SaleModule)
      },
      {
        path: 'operations',
        loadChildren: () => import('./views/inventory/inventory.module').then(m => m.InventoryModule)
      },
      {
        path: 'provider',
        loadChildren: () => import('./views/provider/provider.module').then(m => m.ProviderModule)
      },
      {
        path: 'reorder-rules',
        component: ListRulesComponent
      },

      {
        path: 'purchase',
        loadChildren: () => import('./views/purchase/purchase.module').then(m => m.PurchaseModule)
      },

      {
        path: 'base',
        loadChildren: () => import('./views/base/base.module').then(m => m.BaseModule)
      },
      {
        path: 'buttons',
        loadChildren: () => import('./views/buttons/buttons.module').then(m => m.ButtonsModule)
      },
      {
        path: 'charts',
        loadChildren: () => import('./views/chartjs/chartjs.module').then(m => m.ChartJSModule)
      },
      {
        path: 'dashboard',
        loadChildren: () => import('./views/dashboard/dashboard.module').then(m => m.DashboardModule)
      },
      {
        path: 'inventory',
        loadChildren: () => import('./views/inventory/inventory.module').then(m => m.InventoryModule)
      },
      {
        path: 'icons',
        loadChildren: () => import('./views/icons/icons.module').then(m => m.IconsModule)
      },
      {
        path: 'notifications',
        loadChildren: () => import('./views/notifications/notifications.module').then(m => m.NotificationsModule)
      },
      {
        path: 'theme',
        loadChildren: () => import('./views/theme/theme.module').then(m => m.ThemeModule)
      },
      {
        path: 'widgets',
        loadChildren: () => import('./views/widgets/widgets.module').then(m => m.WidgetsModule)
      },
      {
        path: 'point-of-sale',
        loadChildren: () => import('./views/point-of-sale/point-of-sale.module').then(m => m.PointOfSaleModule)
      },
      {
        path: 'report',
        loadChildren: () => import('./views/purchase/purchase.module').then(m => m.PurchaseModule)
      },
      {
        path:'salePurchaseReport',
        loadChildren:()=>import('./views/purchase/purchase.module').then(m=>m.PurchaseModule)
      },
      {
        path: 'posReport',
        loadChildren: () => import('./views/point-of-sale/point-of-sale.module').then(m => m.PointOfSaleModule)
      },
      {
        path:'saleReport',
        loadChildren:()=>import('./views/sale/sale.module').then(m=>m.SaleModule)
      },
      {
        path: 'create-manufacturer',
        component: CreateManufacturerComponent
      },
      {
        path: 'create-manufacturer/:id',
        component: CreateManufacturerComponent
      },
      {
        path: 'create-generic-name',
        component: CreateGenericNameComponent
      },
      {
        path: 'create-warehouses',
        component: CreateWareHousesComponent
      },
      {
        path: 'create-location',
        component: CreateLocationComponent
      },
      {
        path: 'create-product-categories',
        component: CreateProductCategoriesComponent
      },
      {
        path: 'create-uom-categories',
        component: CreateUomCategoriesComponent
      },
      {
        path: 'create-uom',
        component: CreateUomComponent
      },
      {path: 'orders', component:OrdersComponent},
      {path: 'newsupplier', component:NewsupplierComponent},
      {path: 'approvedsupplier', component:ApprovedsupplierComponent},
      {path: 'editapprovedsupplier', component:EditApprovedSupplierComponent},
      // {path: 'orderdetails', component:OrderDetailsComponent},

      {path: 'sessions', component:SessionsComponent},
      {path:'sessiondetails/:id',component:SessionDetailsComponent},
      { path:'stocksummary', component:StockSummaryReportComponent },
      { path:'expiry', component:ExpiryStatementReportComponent },
      { path:'stockposition', component:StockPositionReportComponent },
      { path:'consoloidatedstock', component:ConsolidatedStockReportComponent },
      {path: 'addnewsupplier', component:AddNewSupplierComponent},
      {
        path: 'create-rules',
        component: CreateRulesComponent
      },
      {
        path: 'create-rules/:id',
        component: CreateRulesComponent
      },
      {
        path: 'create-uom/:id',
        component: CreateUomComponent
      },

      { path: 'orders', component: OrdersComponent },
      { path: 'sessions', component: SessionsComponent },
      { path: 'stocksummary', component: StockSummaryReportComponent },
      { path: 'expiry', component: ExpiryStatementReportComponent },
      { path: 'stockposition', component: StockPositionReportComponent },
      { path: 'consoloidatedstock', component: ConsolidatedStockReportComponent }
    ]
  },
  { path: '**', component: P404Component },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Кто-нибудь, пожалуйста, помогите мне решить эту проблему