В моем коде появляется следующая ошибка:
TypeError: composeEnhancers is not a function const store = createStore(rootReducer, composeEnhancers( applyMiddleware(thunk) ));
Может ли кто-нибудь увидеть, в чем проблема? Я не понимаю, так как я только что скопировал код моего инструктора ReactJS, и он не получает эту ошибку, но я ее получаю.
Здесь показан весь мой код:
import React from ‘react’; import ReactDOM from ‘react-dom’; import { BrowserRouter } from ‘react-router-dom’; import { Provider } from ‘react-redux’; import { createStore, applyMiddleware, compose, combineReducers } from ‘redux’; import thunk from ‘redux-thunk’; import ‘./index.css’; import App from ‘./App’; import registerServiceWorker from ‘./registerServiceWorker’; import burgerBuilderReducer from ‘./store/reducers/burgerBuilder’; import orderReducer from ‘./store/reducers/order’; import authReducer from ‘./store/reducers/auth’; const composeEnhancers = process.env.NODE_ENV === ‘development’ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : null || compose; const rootReducer = combineReducers({ burgerBuilder: burgerBuilderReducer, order: orderReducer, auth: authReducer }); const store = createStore(rootReducer, composeEnhancers( applyMiddleware(thunk) )); const app = ( <Provider store={store}> <BrowserRouter> <App /> </BrowserRouter> </Provider> ); ReactDOM.render( app, document.getElementById( ‘root’ ) ); registerServiceWorker();
Более описательная ошибка (в консоли браузера) показывает:
Uncaught TypeError: composeEnhancers is not a function at Object../src/index.js (index.js:23) at __webpack_require__ (bootstrap 2dae6e05073e9d71bfd6:698) at fn (bootstrap 2dae6e05073e9d71bfd6:111) at Object.0 (order.js:59) at __webpack_require__ (bootstrap 2dae6e05073e9d71bfd6:698) at bootstrap 2dae6e05073e9d71bfd6:796 at bootstrap 2dae6e05073e9d71bfd6:796
Источник: