我按照David East的tutorial创建了一个Angular Universal应用程序,并将其部署在Firebase托管上。我尝试过使用普通路由,这种方法可行,但是使用延迟加载路由时却无法正常工作。以下是查看页面源代码的屏幕截图,
view page source
为什么在路由时无法正常工作?有人能告诉我如何配置服务器端渲染以支持延迟加载,或者分享任何相关链接吗?
我在这篇关于懒加载组件的文章中找到了解决方案: https://blog.khophi.co/angular-module-lazy-loading-like-pro/
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const appRoutes: Routes = [
{ path: '/', loadChildren: './home/home.module#HomeModule' },
{ path: 'about', loadChildren: './about/about.module#AboutModule'},
];
export const AppRouting: ModuleWithProviders =
RouterModule.forRoot(appRoutes);