ant-design의 typescript 버전이 보이지 않는 경우

⚠️ 경고 ⚠️

 

본 카테고리, Dev Memo는 필자가 깊게 다루기는 귀찮지만 궁금한 것들을 체험해보고 간단하게 기록을 남기는 공간입니다. 디버깅 노트, 써드파티 라이브러리 사용기, 버전 업데이트, 어이없는 실수, 오탈자 발견 등. 각종 시덥지 않은 내용이 들어 갈 수 있다는 점 참고바랍니다. (우헤헿)

 

---

 

필자는 Ant design은 커녕 typescript도 모른다. 갑자기 이쪽을 공부할 일이 생겨서 급하게 환경세팅을 하다가 만난 이슈를 공유하고자 한다. Ant design으로 진행되고 있는 프로젝트에서 필자가 pull 받아서 개발하려는 과정에 나타난 이슈이다.

$ npm list typescript

npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!
admin-front@0.0.70 /Users/sample/admin-front
└── (empty)

 

팀원의 Lint와 필자의 Lint가 다르게 동작하는 것 같아서 typescript 버전을 확인하려고 하니깐 위처럼 나왔다. 위 내용에서 주목할 것은 "npm WARN read-shrinkwrap ..."으로 시작하는 메세지. 기존 프로젝트와 버전이 안맞아서 생기는 이슈라고 하는데 자세한건 모르겠고 일단은 npm 버전을 맞춰보기로 했다.

 

$ sudo npm install -g npm
$ npm list typescript

admin-front@0.0.70 /Users/sample/admin-front
├─┬ @ant-design/pro-cli@1.0.28
│ ├─┬ node-import-ts@1.0.5
│ │ └── typescript@3.9.10
│ └── typescript@4.4.4 deduped
├─┬ @umijs/fabric@2.8.1
│ ├─┬ @typescript-eslint/eslint-plugin@4.33.0
│ │ └─┬ tsutils@3.21.0
│ │   └── typescript@4.4.4 deduped
│ └── typescript@4.4.4 deduped
└── typescript@4.4.4

 

해결했다. 끄읕