Firebase 托管和 seo 上的 Angular5 通用延迟加载

2024-01-03

有谁知道如何在 firebase 托管上进行延迟加载工作? 这一切都有效,但是当我查看站点的源代码时,我只看到路由器插座,而不看到文本等。我已将以下代码添加到函数文件夹内的 index.js 中:

extraProviders: [
  provideModuleMap(LAZY_MODULE_MAP)
]

我的 app.server.module 文件如下所示:

import { NgModule } from '@angular/core';
import { ServerModule } from '@angular/platform-server';
import { AppModule } from './app.module';
import { AppComponent } from './app.component';

@NgModule({
imports: [
AppModule,
ServerModule
],
bootstrap: [AppComponent],
})
export class AppServerModule {}

但是当我在控制台中使用 firebase deploy 时,它已成功部署。但是,当我之后访问我的网站时,我收到错误和空白页面。

因此,如果有人能指出我正确的方向,那就太棒了!


可能是因为你错过了ModuleMapLoaderModule导入中的模块

应用程序.server.module.ts

import {ModuleMapLoaderModule} from '@nguniversal/module-map-ngfactory-loader'

@NgModule({
imports: [
AppModule,
ServerModule,
ModuleMapLoaderModule
],

延迟加载的路由似乎需要:

ModuleMapLoaderModule 是一个服务器端模块,允许延迟加载路由。

https://angular.io/guide/universal#app-server-module https://angular.io/guide/universal#app-server-module

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firebase 托管和 seo 上的 Angular5 通用延迟加载 的相关文章

随机推荐