vue3와 typescript를 같이 쓰는 프로젝트에서 빌드 에러가 발생해서 남기는 기록이다.
에러 케이스
Yarn Workspace를 사용해서 컴포넌트 라이브러리를 만드는 토이 프로젝트를 진행하고 있는데 각 패키지는 vue3 + typescript를 사용하고 있다.
특이한건 component 패키지는 빌드에 문제가 없는데 component 패키지 의존성을 설치해서 사용하는 site 패키지는 빌드가 되지 않았다.
해결방법
{
"compilerOptions": {
...
"noImplicitAny": false
},typescript.json에서 "noImplicitAny": false 설정을 해주면 된다.
noImplicitAny는 암묵적인 any 타입을 허용하지 않는다.
그렇기 때문에 타입스크립트를 사용한다면 any 타입의 사용은 지양해야 하고 해당 설정은 true로 하는게 맞으나 애초에 타입스크립트를 사용한다면 암묵적인 타입은 쓰지 않는게 맞기 때문에 크게 문제가 될거라고 생각하지는 않아서 설정했다.
해당 설정 추가하니 정상적으로 빌드가 되는 것을 확인했다.
아래는 해당 설정이 적용된 레포 주소.
https://github.com/Jaejin-Song/Design-System
jjlabsio