패키지 배포 시, 사용처에서 d.ts를 인식하지 못하는 이슈

History

• LADB UI는 기존 SlotBooking에 있는 컴포넌트들을 라인 AD 어드민에 사용되는 컴포넌트를 BE분들도 사용할 수 있도록 배포한 컴포넌트 패키지이다.

Issue

• 이슈 1. props까지는 인식하지만 내부 속성 값은 인식하지 못하는 문제

• 이슈 2. theme를 인식하지 못하는 문제

Solution

• 이슈 1. props까지는 인식하지만 내부 속성 값은 인식하지 못하는 문제
• 원인 : type.d.ts에 있는 global 앰비언트 타입들을 인식하지 못하여 문제가 발생
• 해결 방법: 사용처에서 global 앰비언트 타입을 기반으로 인식할 수 있도록 사용처의 tsconfig.json types에 앰비언트 타입 경로를 추가

{
  "types": ["@linecorp/ladb-ui/typings/type"]
}

• 올바르게 수정된 화면

• 이슈 2. theme를 인식하지 못하는 문제
• 원인 : emotion.d.ts에 있는 Theme 앰비언트 타입들을 인식하지 못하여 문제가 발생
• 해결 방법 : 사용처에서 Theme 앰비언트 타입을 기반으로 인식할 수 있도록 사용처의 tsconfig.json types에 앰비언트 타입 경로를 추가

{
  "types": ["@linecorp/ladb-ui/typings/theme"]
}

• 올바르게 수정된 화면