Azure 应用服务上的 Angular SSR 配置答案

【问题标题】：Angular SSR configuration on Azure app serviceAzure 应用服务上的 Angular SSR 配置
【发布时间】：2021-11-08 18:20:42
【问题描述】：

我使用 .net core 3.1 的 angular v10 SSR。从此处下载示例代码：https://angular.io/guide/universal 并部署到 Azure Appservice。在 azure Appservice Node.js 上运行并启动 server/main.js。

结果如下：

我的问题：

正确的工作方式是：先加载静态文件 SSR，然后切换到 CSR？
在图片左侧：在本地主机上运行的应用程序，cURL 在浏览器将其替换为 CSR 组件之前显示内容。这里<app-root> 标签包含正常工作的静态文件。部署到 Azure Appservice 后，它只包含 <app-root></app-root> 空标记。它工作正常吗？
知道为什么在 appservice 上只显示 <app-root></app-root> 吗？

【问题讨论】：

从 imports 部分中删除 NgModule 装饰器。还要从模块的imports 中删除AppComponent。参考here它可能会有所帮助

标签： angular azure azure-web-app-service single-page-application server-side-rendering

【解决方案1】：

感谢cyr_x您的回答帮助很大。

从 imports 部分中删除 NgModule 装饰器。还要从模块的imports 中删除AppComponent。

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    MaterialModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

imports 属性应该只包含用NgModule 修饰的类。

【讨论】：