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
);