logIn을 잘 불러왔는데 'logIn is not a function' 이라는 에러가 나타납니당..!

헉 내보내는 쪽에 오타났었어요! 감사합니다!!!!!!! 좋은 하루 보내세용!!

Posts 데이터가 안불러집니다 흑

안녕하세요! 몇시간 내내 데이터 분석도 해보고, 리듀서 분석도 해보면서 붙잡고 있다가 계속 똑같은 이유로 해결이 안되서 마지막으로 질문드립니다 죄송합니다 ㅠ-ㅠ (사진) 제가 현재 한 레이아웃에 로그인, 로그아웃 기능을 모아둔게 아닌 이렇게 로그인 페이지를 따로 만들어서 작업중인데요..! 로그인 버튼을 눌렀을 때, 로그인 로딩 요청을 하고 아래 페이지로 넘어가게끔 구조를 짜봤습니다. (사진) 그렇게 로그인 버튼을 누르면 로그인 성공이 뜨면서, me에 제가 입력해둔 데이터들이 잘 담긴게 확인 되었고 콘솔 창으로 2차 확인까지 완료된 상태인데요! (사진) 이게 콘솔창으로 확인해본 me에 dummyUser 데이터입니다. 그리고 저 페이지는 [useProfile.js] import React, { useCallback } from "react"; import { Card, Avatar, Button } from "antd"; import Link from "next/link"; import { useDispatch, useSelector } from "react-redux"; import { logoutRequestAction } from "../reducers/user"; const UserProfile = () => { const dispatch = useDispatch(); const { me, logOutLoading } = useSelector((state) => state.user); const onLogOut = useCallback(() => { dispatch(logoutRequestAction()); }, []); return ( Card actions={[ div key="twit"> 나의 작성 글br /> {/* {me.Posts.length} */} div>, div key="followings"> 팔로잉 {/* {me.Followings.length} */} div>, div key="follower"> 팔로워 {/* {me.Followers.length} */} div>, ]} > {/* {me.nickname[0]} */} Card.Meta avatar={Avatar>HJAvatar>} title="HJ" /> Link href="/login"> Button onClick={onLogOut} loading={logOutLoading}> 로그아웃 Button> Link> Card> ); }; export default UserProfile; 이렇게 me부분을 주석처리해서 성공적으로 페이지가 뜬 모습인데요.. 주석을 풀면 (사진) 계속 이렇게 똑같은 에러가 뜹니다. 리듀서도 잘 불러와진거 같은데 왜 데이터를 못불러오는 것인지 의문이에요 ㅜㅜ,, 그리고 VS 코드 에디터상으로는 밑에와 같은 에러문장들도 동시에 발생 됩니다 😭😭😭 --------------------------------------------- HYDRATE { type: '__NEXT_REDUX_WRAPPER_HYDRATE__', payload: { index: {}, user: { logInLoading: false, logInDone: false, logInError: null, logOutLoading: false, logOutDone: false, logOutError: null, signUpLoading: false, signUpDone: false, signUpError: null, me: null, signUpData: {}, loginData: {} }, post: { mainPosts: [Array], imagePaths: [], addPostLoading: false, addPostDone: false, addPostError: null } } } 1. getProps created store with state { index: {}, user: { logInLoading: false, logInDone: false, logInError: null, logOutLoading: false, logOutDone: false, logOutError: null, signUpLoading: false, signUpDone: false, signUpError: null, me: null, signUpData: {}, loginData: {} }, post: { mainPosts: [ [Object] ], imagePaths: [], addPostLoading: false, addPostDone: false, addPostError: null } } 3. getProps after dispatches has store state { index: {}, user: { logInLoading: false, logInDone: false, logInError: null, logOutLoading: false, logOutDone: false, logOutError: null, signUpLoading: false, signUpDone: false, signUpError: null, me: null, signUpData: {}, loginData: {} }, post: { mainPosts: [ [Object] ], imagePaths: [], addPostLoading: false, addPostDone: false, addPostError: null } } TypeError: Cannot read property 'Posts' of null at UserProfile (webpack-internal:///./components/UserProfile.js:38:27) at processChild (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3353:14) at resolve (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3270:5) at ReactDOMServerRenderer.render (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3753:22) at ReactDOMServerRenderer.read (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3690:29) at renderToString (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:4298:27) at Object.renderPage (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/render.js:54:851) at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:141:19) at loadGetInitialProps (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/lib/utils.js:5:101) at renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/render.js:54:1142) at async /Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:109:97 at async /Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:102:142 at async DevServer.renderToHTMLWithComponents (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:134:387) at async DevServer.renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:135:522) at async DevServer.renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/server/next-dev-server.js:34:578) at async DevServer.render (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:72:236) --------------------------------------------- (사진) 그리고 postCard에는 데이터들이 잘 불러와집니다. user와 post 비교도 해봤는데 어떤게 문제인지 잘 모르겠어요.. ㅠ-ㅠ

웹팩 빌더 질문 드립니다!

(사진) 답변 감사드립니다. 근데 설치가 안됩니다.. 어떡하나요 ?? 😭

일반 함수 앞에 L이 붙으면 뭐가 달라지나요 ?

아...! 답변 감사합니다 😁

에러는 안나고 게시물이 안달리는데 리덕스 dev 툴을 봐도 모르겠어요 ㅠ,,

제로초님 해결했습니다 ! 콘솔창에 failure 뜨는게 오류메시지였네요. 확인해보니 리듀서 문제였어요! 감사합니다 오늘도 좋은 하루 보내세용