Javascript 未捕获类型错误：无法读取属性'；应用'；未定义react redux的定义

我知道有一些答案，但没有一个适合我，比如安装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.js

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

从“React”导入React；
从“./板”导入板；
从“/Home”导入主页；
从'react redux'导入{Provider}；
从“./store”导入存储；
从“react router dom”导入{BrowserRouter，Route}；
类应用程序扩展了React.Component{
render（）{
返回(
)
}
}
导出默认应用程序；

您从

react

而不是

redux

错误地导入了

createStore

和

applymidleware

。它们都是

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;

希望这有帮助
 我想如果我导入错误，我会得到一个导入错误。显然不是。非常感谢你！