게시글
질문&답변
2021.07.05
logIn을 잘 불러왔는데 'logIn is not a function' 이라는 에러가 나타납니당..!
헉 내보내는 쪽에 오타났었어요! 감사합니다!!!!!!! 좋은 하루 보내세용!!
- 0
- 2
- 347
질문&답변
2021.04.24
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 비교도 해봤는데 어떤게 문제인지 잘 모르겠어요.. ㅠ-ㅠ
- 0
- 3
- 319
질문&답변
2021.04.12
웹팩 빌더 질문 드립니다!
(사진) 답변 감사드립니다. 근데 설치가 안됩니다.. 어떡하나요 ?? 😭
- 0
- 3
- 334
질문&답변
2021.02.18
일반 함수 앞에 L이 붙으면 뭐가 달라지나요 ?
아...! 답변 감사합니다 😁
- 0
- 3
- 257
질문&답변
2021.02.03
에러는 안나고 게시물이 안달리는데 리덕스 dev 툴을 봐도 모르겠어요 ㅠ,,
제로초님 해결했습니다 ! 콘솔창에 failure 뜨는게 오류메시지였네요. 확인해보니 리듀서 문제였어요! 감사합니다 오늘도 좋은 하루 보내세용
- 0
- 3
- 203
질문&답변
2021.02.03
에러는 안나고 게시물이 안달리는데 리덕스 dev 툴을 봐도 모르겠어요 ㅠ,,
(사진) 안녕하세요 ! 이게 네트워크창이고 (사진) 이게 리덕스 dev 툴이고 (사진) 이게 콘솔창인데 짹짹 눌렀을 때 게시글은 안써지면서 에러는 안나요 ㅠㅠ (사진) 참고로 이 에러는 favicon 파일이 없단 에러입니다 !
- 0
- 3
- 203
질문&답변
2021.02.02
useInput 코드 관련한 경고창이 떠요.....!!
아하! 감사합니다 ! !!!!!
- 0
- 4
- 238
질문&답변
2021.02.02
useInput 코드 관련한 경고창이 떠요.....!!
헉 빠른답변 감사드립니다! 원래는 이전 코드처럼 해도 문제없었는데 이게 어떤 문제 때문에 저만 이렇게 경고 뜨는 건지 알 수 있을까요 ?...
- 0
- 4
- 238
질문&답변
2021.01.31
안녕하세요! 계속 이런 오류가 뜨는데 무슨 문제일까요 ? ㅜㅜ
오 !! 드디어 안뜹니다 !! 감사합니다 ~~~~
- 0
- 6
- 343
질문&답변
2021.01.31
안녕하세요! 계속 이런 오류가 뜨는데 무슨 문제일까요 ? ㅜㅜ
안녕하세요 빠른 답변 감사드립니다! ㅠㅠ 화면은 잘 나오지만 너무 거슬려서욥 .... 리덕스 문제인 것 같으니 리듀서 폴더에 있는 파일의 코드들 모두 보여드리겠습니다 (사진) 먼저 리듀서폴더 안에 있는 인덱스파일입니다 (사진) (사진) 포스트파일입니다. (사진) (사진) 유저 파일입니다! 감사합니다 :)
- 0
- 6
- 343