• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 use client 사용 시 오류

use client 사용 시 오류

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #76566

    규보
    참가자
    일반적인 상황엔 정상적으로 작동이 되는데,
    'use client' 사용 시에는 SyntaxError: "undefined" is not valid JSON를 반환하며 랜더링이 되지 않습니다.
    
    
    
    
    위는 use client를 사용한 사진, 밑은 사용하지 않은 사진입니다.
    
    
    
    
    위는 오류가 나는 컴포넌트 부분, 아래는 해당 컴포넌트를 불러오는 부분입니다.
    
    위 상황 말고도 use client를 사용한 모든 부분에서 저런 오류를 반환합니다. 어떻게 해야 해당 오류를 수정할 수 있을까요?
    #76678

    codingapple
    키 마스터
    설치강의처럼 13.2.4버전 설치했나 확인합시다
    #78325

    윤현준
    참가자
    긴급! 도움을 드리고 싶습니다 
    
    우선 저도 같은 에러 때문에 고생을 했어요 ㅠ 
    바쁘실 수 있으니 결론부터 말씀드립니다. 
    
    "use client";
    
    위 코드(문구) 를 list/page.js 파일 최상단에 추가해보세요. 그러면 아마 해결이 되실거 같으셔요.. (저는 이렇게 해결했어요)
    아 물론 제가 스스로 알아냈을리 전혀 없구요 아래 링크(스택오버플로우)를 참조해서 해결했어요 
    https://stackoverflow.com/questions/74965849/youre-importing-a-component-that-needs-usestate-it-only-works-in-a-client-comp
    
    
    
    혹시나 하는 마음에 제 코드캡처 이미지도 올려드려요
    공부하다 막히면... 의욕 상실되기도 하고 
    그날 공부 안하고 게임하러 가게 되죠;; ㅋ
    한 번 제가 말씀 드린것 참조해서 해결해보셔요 
     
    
    
    
     
    #78328

    윤현준
    참가자
    아 참고로 
    
    "dependencies": {
        "next": "13.2.4",
        "react": "18.2.0",
        "react-dom": "18.2.0"
    
    13.2.4. 버전이 맞습니다.
     
    #78556

    최상혁
    참가자
    https://tokkic.tistory.com/345
    
    13.3.1 미만의 버전에서는 화살표 함수로 안하면 에러가 나는 버그가 있다고 합니다.
    화살표 함수로 바꾸시거나 13.3.1 버전 업데이트 하시면 에러가 해결 됩니다
    
    저는 버전을 올렸어요
    
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠