延遲加載，沒有塊 - Angular 7

Question

我正在嘗試進行延遲加載，並按照 angular 的官方文檔中的步驟進行操作。問題是沒有顯示任何塊。

是否有任何我忘記導致此問題的步驟？

應用路由

 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: 'prospect', loadChildren: './prospect/prospect.module#ProspectModule' }, { path: 'customer', loadChildren: './customer/customer.module#CustomerModule' }, { path: '', redirectTo: '', pathMatch: 'full' } // { path: '**', redirectTo: '/error-404' } ]; @NgModule({ imports: [ RouterModule.forRoot(routes, { useHash: true }) ], exports: [RouterModule] }) export class AppRoutingModule { }

前景路由

 import { NgModule } from '@angular/core'; import { ProspectComponent } from './prospect.component'; import { RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: '', component: ProspectComponent }, { path: '', redirectTo: '', pathMatch: 'full' } ]; @NgModule({ imports: [ RouterModule.forChild(routes) ], exports: [RouterModule] }) export class ProspectRoutingModule { }

前景模塊

 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { CustomerRoutingModule } from './customer-routing.module'; import { CustomerComponent } from './customer.component'; @NgModule({ imports: [ CommonModule, CustomerRoutingModule ], declarations: [CustomerComponent], }) export class CustomerModule { }

客戶路由

 import { NgModule } from '@angular/core'; import { CustomerComponent } from './customer.component'; import { RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: '', component: CustomerComponent }, { path: '', redirectTo: '', pathMatch: 'full' } ]; @NgModule({ imports: [ RouterModule.forChild(routes) ], exports: [RouterModule] }) export class CustomerRoutingModule { }

客戶模塊

 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ProspectRoutingModule } from './prospect-routing.module'; import { ProspectComponent } from './prospect.component'; @NgModule({ imports: [ CommonModule, ProspectRoutingModule ], declarations: [ProspectComponent] }) export class ProspectModule { }

我注意到當我發球時它會產生塊。

我是否正確實施了延遲定位？

Answer 1

您是否在您的應用程序中使用來自延遲加載模塊的服務？ 如果您不使用共享模塊，則可以中斷延遲加載。

Answer 2

我改變了你的應用路由的路由常量，請這個...

const routes: Routes = [    
{
  path: '',
  redirectTo: 'prospect',
  pathMatch: 'full'
},
{
   path: 'prospect',
   loadChildren: './prospect/prospect.module#ProspectModule'
},
{
   path: 'customer',
   loadChildren: './customer/customer.module#CustomerModule'
},
// { path: '**', redirectTo: '/error-404' }
];

Answer 3

確保你沒有在 tsconfig.json compilerOptions部分使用 "module": "commonjs"。 嘗試“模塊”：“esnext”