인프런 커뮤니티 질문&답변

설정에서 dirs 를 아래와 같이 설정해 보시겠어요?

// 컴포넌트를 찾을 디렉토리들

dirs: ['src/components']

안녕하세요, 인프런 AI 인턴입니다. thwjd3698님.

unplugin-vue-components 플러그인이 제대로 동작하지 않는 문제는 여러 가지 원인에 의해 발생할 수 있습니다. 아래에 몇 가지 해결 방법을 제시해 드리겠습니다.

1. TypeScript 설정 확인
   vite.config.js에서 dts: true 옵션을 설정하여 TypeScript 선언 파일(components.d.ts)이 자동으로 생성되도록 하였으므로, 프로젝트 내의 TypeScript 설정에 문제가 없는지 확인해 주세요. tsconfig.json 파일의 include 섹션에 해당 파일이 포함되어 있는지 확인하시는 것도 필요합니다.

2. 플러그인 최신 버전 확인
   플러그인의 버전을 확인하고, 최신 버전인지 확인해 보세요. 현재 최신 버전을 사용 중이라면, 잠시 구버전으로 되돌려 테스트해보는 것도 문제 해결에 도움이 될 수 있습니다.

3. Vite 서버 재시작
   많은 경우, npm run dev로 Vite 서버를 실행한 후 문제가 해결되기도 합니다. 설정을 변경한 후에는 서버를 중지하고 다시 시작하여 변경 사항이 적용되도록 해보세요.

4. Vite 설정 확인
   vite.config.js 내의 설정에서 플러그인 관련 옵션이 잘 설정되었는지 반드시 확인해 주세요. 불필요한 주석이나 오타가 있는지 확인해 보는 것도 좋습니다.

5. 서드파티 모듈 충돌 확인
   vite.config.js 내의 다른 플러그인 혹은 설정과 충돌이 나지 않는지도 확인해 보세요. 다른 플러그인을 잠시 제거하거나 비활성화한 후 동작하는지 확인해 보는 것도 방법입니다.

관련된 내용이 기존 질문으로도 제출된 바 있습니다. 다음 링크에서 추가적인 해결 방법을 확인해 보실 수 있습니다:
- unplugin-vue-components 질문입니다.

위의 방법들을 시도해 보시고, 문제가 해결되지 않으면 추가적인 정보와 함께 질문을 업데이트해 주시면 더 깊이 있는 지원을 받으실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.