Redux 存储 NextJS 配置抛出 window 未定义

Question

我添加了下面的代码，不知何故它抛出了一个错误，说 ReferenceError: window is not defined

import { createStore } from "redux";
import rootReducer from "./reducer";

const store = createStore(
  rootReducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);

export default store;

Answer 1

首先使用 npm 安装依赖项。

npm install redux-devtools-extension

现在为 redux 开发工具编写这段代码

import { createStore, applyMiddleware } from 'redux';
import { promiseMiddleware } from '@adobe/redux-saga-promise';
import thunk from 'redux-thunk';
import createSagaMiddleware from 'redux-saga';

let composeWithDevTools;
composeWithDevTools = require('redux-devtools-extension').composeWithDevTools;

const sagaMiddleware = createSagaMiddleware();

const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(promiseMiddleware, thunk, sagaMiddleware))
);

Answer 2

尝试从 chrome webstore 安装 React Dev 工具