【问题标题】:Attempted import error: './redux/reducers/configureStore' does not contain a default export (imported as 'configureStore')尝试导入错误:“./redux/reducers/configureStore”不包含默认导出(导入为“configureStore”)
【发布时间】:2022-01-18 17:23:16
【问题描述】:

我开始学习 React + Redux ,我正在做一个简单的应用程序来添加或删除一个计数器。

但是我在减速器上有一个问题。我尝试了很多没有结果的事情......

提前致谢:)

这是我的代码:

减速器:

import * as actionTypes from "../actions/actionTypes"


const counterReducer=(state=0,action)=>{
 let newState;
switch (action.type) {
   case actionTypes.INCREASE_COUNTER:
       return (newState=state+action.payload);
       
       case actionTypes.DECREASE_COUNTER:
        return (newState=state-action.payload);

        case actionTypes.INCREASE_BY_TWO_COUNTER:
            return (newState=state+action.payload);
             

   default:
    return state;
}

};

export default counterReducer;

reducer 的连接(我知道不是没用,但是以后要结合reducer):

import { combineReducers } from "redux";
import counterReducer from "./counterReducer";

const reducers=combineReducers({
 counterReducer
});


export default reducers;

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import configureStore from './redux/reducers/configureStore';
import {Provider}  from "react-redux";


const store=configureStore

ReactDOM.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>

</React.StrictMode>,
document.getElementById('root')
 );

【问题讨论】:

  • 您可以尝试export default combineReducers({...});,而不是将其分配给常量。我以前见过这个错误。

标签: reactjs redux react-redux reducers redux-reducers


【解决方案1】:

看看这个例子:

https://redux.js.org/usage/configuring-your-store#the-solution-configurestore

看来你在这里错过了很多。

您的const store=configureStore 应该是const store=configureStore() 并且configureStore 函数的完整实现似乎丢失了?

一般来说,您的错误发生是因为在您的文件“./redux/reducers/configureStore”中,没有默认导出,例如:export default configureStore

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-05-03
    • 2020-09-21
    • 2021-10-26
    • 2020-05-18
    • 2021-07-02
    • 1970-01-01
    • 2019-05-27
    相关资源
    最近更新 更多