未捕获的类型错误：无法读取未定义的 react redux 的属性“apply”

Question

我知道那里有一些答案，但没有一个对我有用，例如安装 redux devtools 扩展。我已经有了。我正在使用带有 Django 后端的 react 和 redux。这是 package.json 依赖项"devDependencies": {    "@babel/core": "^7.5.5",    "@babel/plugin-proposal-class-properties": "^7.5.5",    "@babel/preset-env": "^7.5.5",    "@babel/preset-react": "^7.0.0",    "babel-loader": "^8.0.6",    "babel-plugin-transform-class-properties": "^6.24.1",    "webpack": "^4.38.0",    "webpack-cli": "^3.3.6"  },  "dependencies": {    "axios": "^0.19.0",    "react": "^16.8.6",    "react-dom": "^16.8.6",    "react-redux": "^7.1.0",    "react-router-dom": "^5.0.1",    "redux": "^4.0.4",    "redux-devtools-extension": "^2.13.8",    "redux-thunk": "^2.3.0"  }这是 store.js。错误import { createStore, applyMiddleware } from 'react';import thunk from 'redux-thunk';import { rootReducer } from './redux-file.js';import { composeWithDevTools } from 'redux-devtools-extension';const initialState = {};const middleware = [thunk];const applied = composeWithDevTools ( applyMiddleware(...middleware) ); //error!const store = createStore(rootReducer, initialState, applied);export default store;这是 app.jsimport React from 'react';import Board from './Board';import Home from "./Home";import { Provider } from 'react-redux';import store from './store';import {BrowserRouter, Route} from 'react-router-dom';class App extends React.Component {  render() {    return (      <Provider store={store}>        <BrowserRouter>          <div className="App" >            <div className = "header"></div>            <div className="navbar"></div>            <div className="body">              <Route path="/" component={Home} />              <Route path="/game/play/:gameId/" component={Board} />            </div>          </div>        </BrowserRouter>      </Provider>    )  }}export default App;

Answer 1

您错误地导入createStore和applyMiddlewarefromreact而不是redux. 它们都是redux模块的一部分。尝试以下更改store.js：

import { createStore, applyMiddleware } from 'redux';

import thunk from 'redux-thunk';

import { rootReducer } from './redux-file.js';

import { composeWithDevTools } from 'redux-devtools-extension';

const initialState = {};

const middleware = [thunk];

const applied = composeWithDevTools ( applyMiddleware(...middleware) ); //error!

const store = createStore(rootReducer, initialState, applied);

export default store;

希望这有帮助！