typescriptですにおけるFirebaseUIと反応し-reduxが、私は次のように、反応-Reduxのを使用してtypescriptですでログインを行うためにfirebaseui使用しようとしている

Question

をコンパイルしません：

import firebase from 'firebase'; 
import firebaseui from 'firebaseui'; 
import fire from '../FirebaseCreds'; 


export class FirebaseAuth { 
    public Login() { 
     var ui = new firebaseui.auth.AuthUI(firebase.auth()); 
    } 
} 

これはコンパイルエラーか何かの原因（Iエラー出力なしで内部サーバーエラーを取得するだけで、何が起こっているのか分かりません）。

エラービーイング：あなたはちょうどここに、エラーメッセージにもっと注意を払う必要があるよう

NodeInvocationException: Prerendering failed because of error: ReferenceError: window is not defined

Answer 1

OKが見えます。その1つのエラーメッセージだけで、NodeJS（NodeInvocationException、Prerendering）でサーバー側のレンダリングを実行しようとしていることがわかります。これは 'window'オブジェクトを使用しようとしているため失敗しています。ブラウザ。

サーバーサイドのプレレンダリングを行うブートストラップアプリケーションまたは既存のシステムを選択し、firebaseuiを追加して実行すると、ブラウザ専用のfirebaseコードを実行しようとすると思いますウィンドウオブジェクトにアクセスしようとします。

firebaseuiサーバー側をレンダリング可能にすることはできません。そのため、実際のブラウザ（componentDidMountメソッドなど）ではサーバー側のレンダリングや使用を取り除いた場合にのみ最適な方法ですフルWeb UIの代わりにauth apiを使用します。