Ошибка типа: Не удается прочитать свойство «getState» неопределенного

#reactjs #express #react-redux #react-router #react-hooks

Вопрос:

Я получаю ошибку типа: Не удается прочитать свойство «getState» неопределенного значения при запуске моего приложения, я прикрепил исходный код ниже:

Это index.js

 import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from "react-router-dom";
import App from './App';
import * as serviceWorker from './serviceWorker';

import {Provider} from 'react-redux';
import {store} from './redux/store';

ReactDOM.render(
  <Provider>
    <React.StrictMode>
      <Router>
        <App />
      </Router>
    </React.StrictMode>
  </Provider>,
  document.getElementById('root')
);

serviceWorker.unregister();
 

Это тот самый store.js

 import {createStore, combineReducers, applyMiddleware} from 'redux';
import thunk from 'redux-thunk';
import {composeWithDevTools} from 'redux-devtools-extension';

// Reducers 
import {cartReducer} from './reducers/cartReducers';
import {getProductDetailsReducer, getProductsReducer }from './reducers/productReducers';



const reducer = combineReducers({
    cart: cartReducer,
    getProducts: getProductsReducer,
    getProductDetails: getProductDetailsReducer,
});

const middleware = [thunk];

const store = createStore(
    reducer,
    composeWithDevTools(applyMiddleware(...middleware))
);

export {store};
 

Это вывод, который я получаю
, Ошибка типа

Мне нужна помощь в исправлении этого

Ответ №1:

вам нужно передать настроенное store в Provider качестве реквизита.

 ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <Router>
        <App />
      </Router>
    </Provider>
  </React.StrictMode>,
  document.getElementById('root')
);
 

Комментарии:

1. спасибо, @Shyam за обращение, я пытался передать это как поддержку, но, к сожалению, я получаю ту же ошибку

2. можете ли вы добавить код из этого файла — import {store} from './redux/store';