我最近更新为 Angular 7

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

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

angular - 未在Angular 7中加载chunk.js-LMLPHP

这是我延迟加载模块的方式。

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文件重命名为其他文件?

最佳答案

Vishwajit Singh说了些什么:

对于较新版本的Angular(7+)没有chunk.js。相反,Angular加载的是一个名为path-to-the-module-modulename-module.js之类的.js文件。

这个示例比Angular官方网站中的示例更清晰地说明了它:https://web.dev/route-level-code-splitting-in-angular/

在这里,作者还显示了正在延迟加载的文件。

关于angular - 未在Angular 7中加载chunk.js,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53039429/

10-12 12:19
查看更多