Package Update
Package Update를 진행하게 된 이유
- TypeScript과 Storybook의 Major 버전 업데이트와 나머지 패키지들의 버전 업데이트를 반영하기 위해서, Pullanner 프로젝트의 전체 Package Update를 진행했습니다.
npm-check-updates 라이브러리 사용
ncu명령어를 실행하여 업데이트가 필요한 패키지들을 확인하고,ncu -u명령어를 실행하여 업데이트가 필요한 패키지들을 한번에 업데이트합니다.
ncu
ncu -u
- 위의 업데이트 내용 중 storybook, @types/node, typescript의 major 버전이 업데이트되었음을 알 수 있습니다.
Problem : Storybook script 실행 오류
- storybook 7로 업데이트 된 후 package.json의 스크립트 명령어
start-storybook -p 6006을 실행하니 오류가 발생했습니다.
기존 Package.json 파일 내용
- 원인 : storybook 7을 실행하는 스크립트가
start-storybook에서storybook dev로 변경되었기 때문이었습니다. (참고 : Storybook Github PR - Split sb-scripts into two different migrations)
Solution : Storybook init 명령어 실행
- storybook 관련 파일들을 삭제하고, 공식 문서를 참고하여
yarn dlx storybook@latest init명령어를 실행했습니다.
yarn dlx storybook@latest initinit 명령 실행 후 package.json 파일
- package.json에 storybook script가 정상적으로 반영되었고,
storybook dev -p 6006명령어가 잘 실행되는 것을 확인했습니다.
Problem : Typescript 오류 TS2307, TS7026 발생
-
typeScript 5로 업데이트 한 후,
Cannot find module or its corresponding type declaration.ts(2307)오류와JSX element implicitly has type 'any' error.ts(7026)오류가 발생했습니다. -
원인 : 업데이트한 typescript의 버전 5.1.6과 msw의 peerDependencies에서의 typescript 버전(>=4.4.x , <=4.9.x)이 맞지 않아서였습니다.
msw의 peerDependencies in yarn.lock 파일
Solution : TypeScript 4.9.5 유지
- msw의 peerDependencies에서의 typescript 버전을 맞추기 위해서, typescript 업데이트 하기 전 버전인 4.9.5를 유지하기로 결정했습니다.
