hyun
  • 홈
  • 글쓰기
  • 태그
  • 방명록
  • 메뉴 닫기
  • 글작성
  • 방명록
  • 환경설정
    • 분류 전체보기 (102)
      • 1. Computer Science (11)
      • 2. FrontEnd (50)
        • Javascript (10)
        • TypeScript (6)
        • CSS (3)
        • React (17)
        • Next.js (1)
        • Three.js (3)
        • State Management (4)
        • TDD (2)
        • Ag-Grid (1)
        • LeetCode (1)
      • 3. Backend (9)
        • NestJS (9)
      • 4. Git (4)
      • 5. Blockchain (9)
        • Mastering Ethereum (5)
      • 6. Error (16)
      • 7. Infra | Cloud (2)
        • Docker (2)
        • Kubernetes (0)
        • AWS (0)
      • 8. 자격증 (0)
        • CompTIA A+ (220-1101, 220-1102.. (0)
      • Daily (1)
        • 후기 (1)
        • 맛집 (0)
  • 홈
  • 태그
  • 방명록
6. Error

[Error] Next14 - invariant expected app router to be mounted, The above error occurred in the <HotReload> component

Uncaught Error: invariant expected app router to be mounted The above error occurred in the component: 두 에러가 떴다 해결 layout.js에 html은 있는데, body태그를 삭제해서 일어난 에러 html태그와 body태그가 필수로 있어야함

2024. 3. 7. 14:39
2. FrontEnd/Next.js

[Next.js] 12와 13,14의 차이

Next를 12버전을 쓰다가 이번에 내 웹사이트를 만들려고 14로 깔았는데, 바뀌었다고만들었지 실제로 설치하고 보니까 폴더구조부터 완전 변해서 다시 공부하고 셋팅을 했다. 이 과정에서 뭐가 바뀌었는지에 대해 작성하려고한다. 우선, Next 14버전을 깔고 초기셋팅한 내 구조와 12버전에 있을때는, pages폴더 안에 파일을 생성하면 거기로 바로 페이지가 만들어져있는것을 확인할 수 있다. 공식Docs를 기반으로 공부하고 정리한 글입니다. 자동 설치 npx create-next-app@latest //아래와 같은 질문들이 나오는데 이거에 사용할 모듈들 선택해서 설치 What is your project named? 앱 이름 Would you like to use TypeScript? No / Yes Woul..

2023. 11. 21. 15:12
  • «
  • 1
  • »

공지사항

  • 이메일 = fltxld1@gmail.com / GitHub = https⋯

전체 카테고리

  • 분류 전체보기 (102)
    • 1. Computer Science (11)
    • 2. FrontEnd (50)
      • Javascript (10)
      • TypeScript (6)
      • CSS (3)
      • React (17)
      • Next.js (1)
      • Three.js (3)
      • State Management (4)
      • TDD (2)
      • Ag-Grid (1)
      • LeetCode (1)
    • 3. Backend (9)
      • NestJS (9)
    • 4. Git (4)
    • 5. Blockchain (9)
      • Mastering Ethereum (5)
    • 6. Error (16)
    • 7. Infra | Cloud (2)
      • Docker (2)
      • Kubernetes (0)
      • AWS (0)
    • 8. 자격증 (0)
      • CompTIA A+ (220-1101, 220-1102.. (0)
    • Daily (1)
      • 후기 (1)
      • 맛집 (0)
애드센스 광고 영역
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

태그

  • #test
  • #다국어처리
  • #gridoptions
  • #레포팅솔루션
  • #이더리움
  • #Docker
  • #TDD
  • #i18n
  • #14버전
  • #AppModule
  • #typescript
  • #js
  • #코드팩토리
  • #CSS
  • #next
  • #pdf다운로드 기능
  • #폴더구조
  • #useEffect
  • #cookie
  • #activereportsjs
  • #Nestjs
  • #LocalStorage
  • #Next12
  • #getdocument
  • #react
  • #sessionStorage
  • #반응형
  • #Next14
  • #javascript
  • #AppRoutes
MORE

전체 방문자

오늘
어제
전체

블로그 인기글

Powered by Privatenote Copyright © hyun All rights reserved. TistoryWhaleSkin3.4

티스토리툴바