Angular Azure應用服務SSR配置

Question

我使用 angular v10 SSR 和 .net 核心 3.1。 從這里下載示例代碼： https://angular.io/guide/universal並部署到 Azure Appservice。 在 azure Appservice Node.js 上運行並啟動 server/main.js。

這是結果：

我的問題：

• 正確的工作方式是：第一次加載 static 文件 SSR 然后切換到 CSR？
• 左圖：app運行在localhost，cURL顯示的是瀏覽器替換CSR組件之前的內容。 這里<app-root>標簽包含 static 文件，可以正常工作。 部署到 Azure Appservice 后，它只包含<app-root></app-root>空標簽。 它工作正常嗎？
• 知道為什么只在 appservice 上顯示<app-root></app-root>嗎？

Answer 1

謝謝cyr_x你的回答很有幫助。

從imports部分移除NgModule裝飾器。 同時從模塊的imports中刪除AppComponent 。

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

imports屬性應該只包含用NgModule裝飾的類。