服务器呈现应用程序无法按预期运行

我在https://youtu.be/gxCu5TEmxXE上部署了Angular Universal，目前正在Firebase上进行这项工作。 我已经成功地获得了呈现应用程序的服务器，但出于某种原因，该应用程序并未从服务器代码进行引导。 我的意思是说，当我加载由服务器呈现的应用程序时，实际的应用程序本身无法正常工作。

我不确定是否这是因为与Angular Material https://github.com/angular/universal#in-progress例如不兼容，或者我在配置中犯了一些错误。

例如，如果我通过正常编译的应用程序加载我的主页并导航到表单，我会看到“预期”表单。 然而，如果我通过服务器渲染加载相同的页面，然后我看到渲染的表单，但我无法与它交互。

您无法与之交互的呈现形式

预览结果，如果你浏览应用程序

这感觉就像我缺少集成中的一个关键部分，使服务器端将HTML转换为正常的应用程序。 我错过了什么以确保服务器以与普通应用程序相同的方式呈现HTML转换和函数？

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: [
    // The AppServerModule should import your AppModule followed
    // by the ServerModule from @angular/platform-server.
    AppModule,
    ServerModule
  ],
  // Since the bootstrapped component is not inherited from your
  // imported AppModule, it needs to be repeated here.
  bootstrap: [AppComponent],
})
export class AppServerModule {}

链接地址: http://www.djcxy.com/p/31371.html

上一篇: Server rendered app not functioning as expected

下一篇: Progressive Angular App With Server Side Rendering Not Building Index