chunk.js未在Angular 7中加载

Question

我最近更新为Angular 7。

我正在处理延迟加载的模块，但是当我单击延迟加载的模块中的组件时，在网络选项卡的任何位置都看不到#chunk.js。

与我们联系延迟加载组件，但网络选项卡中没有#chunk.js。

这是我懒惰地加载模块的方式。

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ContactUsComponent } from 'src/app/modules/contactus/contactus.component';
import { ErrorComponent } from 'src/app/modules/error/error.component';
import { ContactUsRoutingModule } from 'src/app/modules/contactus/contactus-routing.module';
import { LandingComponent } from 'src/app/modules/landing/landing.component';
import { AboutUsComponent } from 'src/app/modules/aboutus/aboutus.component';

const routes: Routes = [
  { path: '', redirectTo: 'landing', pathMatch: 'full' },
  { path: 'landing', component: LandingComponent },
  { path: 'aboutus', component: AboutUsComponent },
  { path: 'contactus', loadChildren: './modules/contactus/contactus.module#ContactusModule' },
  { path: '**', component: ErrorComponent }
];

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

我是否丢失了某些内容，或者文件#chunk.js是否重命名为其他文件？

Answer 1

[chunk.js不会出现在angular.io的网络选项卡中。

lazy load example对于角7.x。

要检查延迟加载是否正常工作，请导航至该功能并验证延迟模块是否在网络选项卡中列出。但是，如果您使用的是preloadingStrategy，则将预加载惰性模块，因此，如果使用的是模块，请考虑删除preloadingStrategy以进行测试。]

Answer 2

澄清一下Vishwajit Singh所说的话：