NextJS 프로젝트 세팅

npx create-next-app --typescript

• next.js 프로젝트 생성후 결과

 

• 프로젝트 실행

npm run dev

• 다음과 같은 에러 발생
  • SyntaxError: Unexpected token '??='
        at wrapSafe (internal/modules/cjs/loader.js:988:16)
        at Module._compile (internal/modules/cjs/loader.js:1036:27)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
        at Module.load (internal/modules/cjs/loader.js:937:32)
        at Function.Module._load (internal/modules/cjs/loader.js:778:12)
        at Module.require (internal/modules/cjs/loader.js:961:19)
        at require (internal/modules/cjs/helpers.js:92:18)
        at Object.<anonymous> (C:\Users\sanghui\Desktop\toyproject\nextjs_netflix_clone\netflix-clone\node_modules\next\dist\telemetry\post-payload.js:17:20)
        at Module._compile (internal/modules/cjs/loader.js:1072:14)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
• 역시 첫 세팅이 제일 어려운것 같다.
• 원인은 node 버전 문제였던것 같다. 
  • node version 관리 도구인 nvm 을 설치해 node v14 -> v18로 변경
  • 다시 실행하니 정상적으로 해결!

• nvm 설정은 여기 참고하면 편하다.
  • https://cheoltecho.tistory.com/15

node.js와 npm 최신 버전으로 업데이트하기 (window 윈도우)

 

나같은 경우는 지금 현재 18.17.1이 LTS버전이라 여기에 맞춰서 올려주었더니 해결됬다.