我最近更新为 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
文件重命名为其他文件? 最佳答案
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/