Vue 3 동적으로 로드된 구성 요소 후크가 트리거되지 않습니다.

Question

저는 다음과 같은 단일 파일 구성 요소(vue 3.2.31)를 가지고 있습니다(질문의 줄임말):

으아아아

vitejs를 통해 번들로 제공되고, NamedExport로 내보내지고, 클라이언트 측에서 요청 시 base64 인코딩 문자열으로 가져옵니다.

으아아아

그러면 결과는 다음과 같아야 합니다:

으아아아

그것은 잘 작동합니다 , 두 가지를 제외하면 그 중 하나는 후크가 호출되지 않는다는 것이고(이 경우 onMounted ) 다른 하나는 스타일 임포터도 호출되지 않는다는 것입니다.

이것은 예상된 동작인가요, 아니면 뭔가 빠졌나요? <script setup> 담당 컴포넌트를 작성하는 방법인가요?

Answer 1

두 개의 Vue 실행 인스턴스(하나는 롤업과 함께 내 패키지에 번들로 포함되어 있고 다른 하나는 스크립트 자체에서 가져옴)가 있고 알 수 없는 이유로 두 인스턴스 모두 호출 연결을 실행하지 않는 것 같습니다.

인스턴스 중 하나를 제거하면(실제로 롤업 빌드 구성에서 vue을 외부로 전달) 이제 제대로 작동합니다.