[해결 방법] export 'default' (imported as 'redux') was not found in 'redux'

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

발생 Error

React에서 다음 Source Code를 실행할 경우,

import redux from 'redux';
 
const counterReducer = (state = {counter: 0}, action) => {
    if(action.type === 'increment'){
        return {
            counter: state.counter + 1
        };
    }
    if(action.type === 'decrement'){
        return {
            counter: state.counter - 1
        };
    }
    return state;
};
 
const store = redux.createStore(counterReducer);
 
export default store;
 

🚨 다음과 같은 오류 발생

export 'default' (imported as 'redux') was not found in 'redux'

(possible exports: __DO_NOT_USE__ActionTypes, applyMiddleware, bindActionCreators, combineReducers, compose, createStore, legacy_createStore)

 

 

발생 원인

Redux 패키지는 기본적으로 객체 형태로 내보내기를 하고 있으며, default로 내보내는 항목이 없음
import redux from 'redux'와 같이 Redux 패키지를 가져오려고 할 경우 오류 발생

 

 

해결 방법

Redux 패키지에서 명시적으로 내보낸 함수나 객체를 선택적으로 가져올 수 있으므로 중괄호 {}를 사용하여 가져오고자 하는 항목을 지정

import {createStore} from 'redux';
 
const counterReducer = (state = {counter: 0}, action) => {
    if(action.type === 'increment'){
        return {
            counter: state.counter + 1
        };
    }
    if(action.type === 'decrement'){
        return {
            counter: state.counter - 1
        };
    }
    return state;
};
 
const store = createStore(counterReducer);
 
export default store;