Angular Universalを既存のCLIプロジェクトで使用することができませんか？

Question

私はこれを稼働させるために17時間をかけました。私は見つけることができるすべてのチュートリアルを試しました。

私は、ユニバーサルなしで完全に構築して実行できる既存のAngular 4プロジェクトを持っています。既存のプロジェクトはAOTの罰金（これはもう一つの苦痛となっていました）を実行することさえできます。

サーバー側のレンダリングを実行しようとしたとき、私は遭遇した現在のエラーは、次のとおりです。

ERROR { ReferenceError: document is not defined 

それも、このポイントを取得するためにしばらく時間がかかりました。 @種類/ノードのエラーがたくさんありましたが、コンパイルするとページがロードされません。

エラーについていくつかの調査を行った後、ngx-bootstrapに何か関係がある可能性がありますが、100％確実ではありません。

webpack version of universalと組み合わせてthis tutorialを使用していますが、webpackを使用しないと、プロジェクトがngx-bootstrapによってコンパイルされないためです。

Answer 1

コード（またはライブラリ）のどこかに、documentオブジェクトへの参照があります。このオブジェクトはすべてのブラウザで定義されていますが、サーバー上では使用できません。

https://github.com/angular/universal#universal-gotchas

window、document、navigatorによると、他のブラウザの種類 - サーバー上に存在していない - それらを使用するので、または（例えばjQueryの）それらを使用するすべてのライブラリは動作しません。

私が知る限り、これらのオブジェクトを避けるためにコードを書き換える以外には、この問題を簡単に解決する方法はありません。