_redux_redux_store__WEBPACK_IMPORTED_MODULE_2 ___ default.a.getState не является функцией

Question

Я искал так много, но не нашел ответа на эту ошибку, пожалуйста, не могли бы вы помочь?

_redux_redux_store__WEBPACK_IMPORTED_MODULE_2 ___ default.a.getState не является функцией

Это это мой магазин redux

import {combineReducers, createStore} from "redux";
import profileReducer from "./profile-reduce";
import dialogsReducer from "./dialogs-reduce";
import sidebarReducer from "./sidebar-reduce";

let reducers = combineReducers({
    profilePage: profileReducer,
    dialogsPage:dialogsReducer,
    sidebar: sidebarReducer
});

let store = createStore(reducers);

export default store;

Это индекс. js

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


let rerenderEntireTree = (state)=> {
    ReactDOM.render(
        <BrowserRouter>
            <App state={state} dispatch={store.dispatch.bind(store)} store={store}/>
        </BrowserRouter> ,document.getElementById('root'));
}

rerenderEntireTree(store.getState());

store.subscribe(()=>{
    let state = store.getState();
    rerenderEntireTree(state);
});

serviceWorker.unregister();

Answer 1

Так что я сделал это сам, проблема была в именовании файлов. Так что нужно было назвать мой redux-store redux-store.jsx, и это сработало.

Answer 2

В вашем индексе. js попробуйте сделать это

import React from 'react';
import * as serviceWorker from './serviceWorker';
import store from "./redux/redux-store"
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import {BrowserRouter} from "react-router-dom";
import { Provider } from 'react-redux';

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