サーバサイドパッケージからReactコンポーネントをスキップする方法は？

Question

反応コンポーネント内では、ブラウザ環境に依存するJSライブラリを使用しています。私はスクリプトタグでソースを指定することによってそれを使用しています。しかし、サーバーサイドのwebpackからパッケージングしているうちに、サーバーサイドから見つからないため、そのライブラリの参照を使用しているコンポーネントからエラーが発生します。

解決策は何ですか？

Answer 1

通常、これを行うときに、webpackに環境変数を追加してから、その環境変数が存在するかどうかをチェックする機能をチェックします。そうでなければ、あなたはブラウザにいます。それはあなたがサーバー上にある場合。

windowが定義されているかどうかを確認するなどの作業を行うこともできます。基本的に何らかの方法であなたがどの環境にいるのかを確認し、条件を使ってコードを実行するかどうかを確認します。あなたはあなたのコードでこれを行うことができ

Answer 2

：

const Foo =() => <div>Hello</div> 
const Bar =() => <div>World</div> 

... 
render() { 
    return (typeof document === 'undefined') 
    ? <Foo /> 
    : <Bar /> 
} 
....