Node 버전 20에서 next 패키지 사용 불가능 문제 해결

[ddarkr]

⛳️작업 내용

Note: 해당 PR에서 작업한 Yarn 4.1 업그레이드를 실시하면 Node 버전 18.12 이상을 사용해야 합니다! 현재 영감탱 일부 세팅이 Node 16으로 구성되어 있는데 머지되면 버전 20으로 올려볼까 합니당

Node v20 + Yarn 3.6 환경에서 next 관련 패키지를 실행하면 다음과 같은 오류를 뱉습니다.

TypeError: Cannot convert undefined or null to object
    at 9041 (W:\ygtang-client\.yarn\__virtual__\next-virtual-5b60b9cc2f\0\cache\next-npm-14.1.0-a62036d298-077fd76a6f.zip\node_modules\next\dist\compiled\conf\index.js:1:105383)

Node 20과 Yarn 3.6 환경이 호환되지 않아서 발생하는 문제로 추정되며, Yarn을 최신 버전(4.1)로 올렸더니 해결됐습니다.

📸스크린샷

⚡️사용 방법

📎레퍼런스

[hyesungoh]

옷오 저는 18 버전으로 하고 있어서 몰랐네요 ㅋㅋㅋ 고생하셨습니다!!! 👍👍

[github-actions]

Bundle Sizes

Compared against none

Route	Size (gzipped)
/	106.29 KB
/_app	216.98 KB
/_error	77.85 KB
/add/image	98.85 KB
/add/link	101.33 KB
/add/share	78.09 KB
/add/tag	85.4 KB
/add/text	99.47 KB
/content	100.39 KB
/edit/tag	85.57 KB
/login	83.03 KB
/my	85.95 KB
/my/account	83.32 KB
/my/account/change-nickname	82.53 KB
/my/account/change-password	82.81 KB
/my/tag	89.83 KB
/my/tag/AddTagBottomSheet	85.02 KB
/onboard	81.55 KB
/password	82.77 KB
/password/sent-email	79.38 KB
/password/verified	78.69 KB
/privacy	77.69 KB
/signup	86.89 KB
/signup/email-verified	83.89 KB
/signup/information	84.03 KB
/signup/sent-email	81.11 KB
/tag	83.91 KB

Dynamic import	Size (gzipped)
../../.yarn/cache/@tanstack-query-devtools-npm-5.18.1-9c6902de16-7514ad0eb5.zip/node_modules/@tanstack/query-devtools/build/index.js -> ./Devtools/IEC7B7YJ.js	no change
../components/home/FilterBottomSheetModal/FilterBottomSheetModal.tsx -> ~/components/home/TagFormRouteAsModal	3.88 KB
../components/inspiration/ImageView.tsx -> ~/components/add/AddTagFormRouteAsModal	2.83 KB
../components/inspiration/LinkView.tsx -> ~/components/add/AddTagFormRouteAsModal	2.83 KB
../components/inspiration/TextView.tsx -> ~/components/add/AddTagFormRouteAsModal	2.83 KB
add/image.tsx -> ~/components/add/AddTagFormRouteAsModal	2.73 KB
add/link.tsx -> ~/components/add/AddTagFormRouteAsModal	2.64 KB
add/text.tsx -> ~/components/add/AddTagFormRouteAsModal	2.64 KB
content/index.tsx -> ~/components/common/IllustDialog	741 B
content/index.tsx -> ~/components/edit/EditTagFormRouteAsModal	2.9 KB
index.tsx -> ~/components/edit/EditTagFormRouteAsModal	5.01 KB
index.tsx -> ~/components/inspiration/InspirationViewAsModal	13.99 KB

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (043e31c) 15.23% compared to head (9f40251) 15.23%.

❗ Current head 9f40251 differs from pull request most recent head 156fe6f. Consider uploading reports for the commit 156fe6f to get more accurate results

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #606   +/-   ##
========================================
  Coverage    15.23%   15.23%           
========================================
  Files          217      217           
  Lines         3289     3289           
  Branches       470      470           
========================================
  Hits           501      501           
  Misses        2671     2671           
  Partials       117      117           

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	156fe6f
Status:	✅  Deploy successful!
Preview URL:	https://771d3ac2.ygt.pages.dev
Branch Preview URL:	https://fix-node-20-issue.ygt.pages.dev

View logs

[sensecodevalue]

좋습니다!! 수고하셨습니다!