ReferenceError：ウィンドウが定義されていない（devToolsExtension）

Question

私は、React Developer ToolsのChrome拡張機能に自分のアプリを認識させようとしていますが、上記のエラーが発生しています。この問題に対処する最善の方法については、誰でも助言できますか？

import configureMiddleware from './configureMiddleware'; 
 
import configureReducer from './configureReducer'; 
 
import configureStorage from './configureStorage'; 
 
import { applyMiddleware, createStore, compose } from 'redux'; 
 
import { persistStore, autoRehydrate } from 'redux-persist'; 
 

 
type Options = { 
 
    initialState: Object, 
 
    platformDeps?: Object, 
 
    platformMiddleware?: Array<Function>, 
 
}; 
 

 
const configureStore = (options: Options) => { 
 
    const { 
 
    initialState, 
 
    platformDeps = {}, 
 
    platformMiddleware = [], 
 
    } = options; 
 

 
    const reducer = configureReducer(initialState); 
 

 
    const middleware = configureMiddleware(
 
    initialState, 
 
    platformDeps, 
 
    platformMiddleware, 
 
); 
 

 
    const enhancers = compose(
 
    window.devToolsExtension ? window.devToolsExtension() : f => f 
 
); 
 

 
    const store = createStore(
 
    reducer, 
 
    initialState, 
 
    compose(
 
     applyMiddleware(...middleware), 
 
     autoRehydrate(), 
 
    ), 
 
    enhancers, 
 
);

Answer 1

あなたは万が一のサーバー側のレンダリングをやっていますか？ウィンドウが利用できない場合、私は、エラーを黙らせると考えることができ

一つクイックフィックスは、次のように別のチェックを追加することです：

const enhancers = compose(
(typeof window !== 'undefined' && window.devToolsExtension) ? window.devToolsExtension() : f => f 
);