Masahiro Okubo

Angular6 Universal実行してみたらエラーが発生した

Angular6 Universal実行してみたらエラーが発生した

Angular何年も使ってきて初めてサーバーサイドレンダリングをやりました
いうまでもなくエラーが結構出てきましたが、最後のやつだけ記録できればと思います

ターミナルで以下のコマンドを実行してブラウザで確認したところこのようなエラーが出てきました

$ npm run build:ssr && npm run serve:ssr

Node server listening on http://localhost:4000
Error: renderModule[Factory]() requires the use of BrowserModule.withServerTransition() to ensure
the server-rendered app can be properly bootstrapped into a client app.

 

調べてみたところBrowserModule.withServerTransition()が必要みたいなので、
app.module.tsに入れてやります

@NgModule({
    imports: [
        // ここから
        BrowserModule.withServerTransition({
            appId: 'my-app-id'
        }),
        // ここまで
        HttpClientModule,
        AppRoutingModule,
        FormsModule
    ],
    providers: [
        ContentService
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

これで無事に動きました!

参考記事

Server side rendering using Angular4(Angular Universal) [closed]

 


関連記事

copyright© 2016-2021 Masahiro Okubo