_redux_redux_store__WEBPACK_IMPORTED_MODULE_2___default.a.getState 不是 function

Question

我已經搜索了很多，但找不到關於這個錯誤的答案，請你幫忙。

_redux_redux_store__WEBPACK_IMPORTED_MODULE_2___default.a.getState 不是 function

這是我的 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;

這是 index.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

在你的 index.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')
    );

Answer 2

所以我自己做了，問題在於命名文件。 所以需要將我的 redux-store 命名為 redux-store.jsx 並且它起作用了。