"Nuxt는 '모듈 선언 파일을 찾을 수 없습니다'라는 오류 메시지와 함께 내 사용자 정의 Vue(vuecli) 구성 요소 라이브러리를 인식하지 않습니다."

Question

이 튜토리얼에서 만든 VueCLI 프로젝트를 사용하여 작은 Vue 구성 요소 라이브러리를 구축했습니다. https://javascript.plainenglish.io/how-to-create-test-bundle-vue-comComponents-library-8c4828ab7b00

구성 요소 라이브러리

VueCLI 프로젝트는 Typescript를 사용하여 설정되므로 여러 *.d.ts 파일이 함께 제공됩니다.

으아아아

내 index.ts 파일은 모든 것을 내보내는 곳입니다

으아아아

및 내 package.json 파일:

으아아아

빌드 스크립트는 여러 JS 파일, CSS 파일 및 이미지 패키징용 폴더를 생성합니다.

내 Nuxt 프로젝트는 상용구 프로젝트일 뿐이므로 비트 버킷 계정에서 SSH를 통해 구성 요소 라이브러리를 가져왔습니다.

으아아아

내 컴포넌트를 가져오려고 할 때마다(다운스트림, 내 Nuxt 앱에서) 다음과 같이

페이지/Index.vue

으아아아

다음 오류가 발생합니다:

암시적으로 'any' 유형을 갖는 모듈 'my-ui-comComponents'에 대한 선언 파일을 찾을 수 없습니다

"ATag.vue"는 전혀 특별한 것이 아닙니다:

으아아아

그럼 내가 무엇을 놓치고 있는 걸까요? TypeScript를 처음 사용해보는 것이므로 자세한 내용은 모르겠습니다.

업스트림(ui-comComponents 라이브러리) 선언 파일이 빌드 프로세스에서 사용되지 않거나 Nuxt에 문제가 있는 것 같습니다.

Answer 1

수출 방식 때문인 것 같아요. 보통 index.ts에 다음과 같이 내보내기 문을 작성합니다

으아아아