inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

미들웨어와 리덕스 데브툴즈

리덕스 실제 구현시 에러발생

257

zerostorm3

작성한 질문수 1

0

<../reducers/index.js>
[const initialState = {
user: {
isLoggedIn: false,
user: null,
signUpData: {},
loginData: {},
},
post: {
mainPosts: [],
},
};

export const loginAction = (data) => {
return {
type: 'LOG_IN',
data,
};
};

export const logoutAction = (data) => {
return {
type: 'LOG_OUT',
};
};

//action creator 함수 -> 데이터값을 액션하는 함수
//액션 자체는 객체라서 값을 수정못하니 모든케이스마다 객체를 만들어줘야하니 함수로 만들어서
//그때 그때 만드는 것으로한다!!
// const CHANGE_NICKNAME = (data) => {
// return {
// type: 'CHANGE_NICKNAME',
// data,
// };
// };
// CHANGE_NICKNAME('boogicho');

// store.dispatch(changeNickname('mighty tak'));

//이전상태와 액션을 실행했을 떄, 다음상태 두가지를 다 실행하는 함수!
const rootReducer = (state = initialState, action) => {
switch (action.type) {
case 'LOG_IN':
return {
...state,
user: {
...state.user,
isLoggedIn: true,
user: action.data,
},
};
case 'LOG_OUT':
return {
...state,
user: {
...state.user,
isLoggedIN: false,
user: null,
},
};
}
};

export default rootReducer;
 
<..store/configureStore.js>
import { createWrapper } from 'next-redux-wrapper';
import { createStore } from 'redux';

import reducer from '../reducers';

const configureStore = () => {
const store = createStore(reducer);
return store;
};

const wrapper = createWrapper(configureStore, {
debug: process.env.NODE_ENV === 'development',
});

export default wrapper;
 
 
<터미널 에러 표시>
❯ npm run dev > react-nodebird-front@1.0.0 dev > next Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db ready - started server on http://localhost:3000 error - ./store/configureStore.js Attempted import error: 'createWrapper' is not exported from 'next-redux-wrapper'.
 
처음엔 단순히 리덕스버전 문제인줄 알앗는데,
구글에서도 검색해도 잘 나오지 않고, 문제 이해가 어려워서
질문올립니다.
 
 
 
 
 
 
 

nodejs express redux react Next.js

답변 3

1

zerostorm3

뒤에 유저부분 강의해주신거대로,

switch(action.type){}안에

default: return state; 추가하니 잘 화면 나옵니다!

감사합니다!

0

zerostorm3

네 방금

 "next-redux-wrapper": "^6.0.2"

으로 버전 6버전으로맞추고 나서 빌딩 안되는 문제는 해결됬습니다.

다만 서버 에러가 나는데, 뒷부분 강의해주시는 유저부분 문제인거같아 한번 다시 해보겠습니다. 

0

제로초(조현영)

패키지 설치가 제대로 안 된듯 합니다. node_modules를 지우고 다시 npm i 하세요.

넥스트 버젼 질문

0

91

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

199

1

특정 페이지 접근을 막고 싶을 때

0

117

2

createGlobalStyle의 위치와 영향범위

0

104

2

인라인 스타일 리렌더링 관련

0

99

2

vsc 에서 npm init 설치시 오류

0

159

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

164

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

360

1

url 오류 질문있습니다

0

218

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

394

1

sudo certbot --nginx 에러

0

1298

2

Minified React error 콘솔에러 (hydrate)

0

483

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

257

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

341

1

npm run build 에러

0

526

1

front 서버 npm run build 중에 발생한 에러들

0

399

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

351

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

291

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

253

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

207

1