Vite 2 프로덕션 환경 참조 요소는 구성 API를 사용하여 정의되지 않습니다.

Question

컴포지션 API와 함께 vue3을 사용하고 있는데 프로젝트를 빌드할 때 ref 요소가 항상 정의되지 않습니다.

복사했는데, 잘못 사용한 것일 수도 있는데 왜그런지는 모르겠습니다.

1. hooks 함수에 ref를 정의했습니다.

으아아아

2. 에 HelloWorld.vue 和链接元素中使用 rootRef.

으아아아

3. App.vue에 버튼을 만들고 클릭 기능을 바인딩합니다.

으아아아

버튼을 클릭하면 작동됩니다.

하지만 빌드하고 라이브러리에서 가져오면 작동하지 않습니다.

내 vite.config.ts는 다음과 같습니다:

으아아아

문제는 rootRef의 정의에 있다고 생각합니다. 바인딩된 위치만 사용할 수 있는 것 같습니다. 이는 구성 요소에서 정의하는 것과 다르지 않습니다. 여러곳에 활용해봐야겠어요

이상한 점은 이렇게 하면 Dev 환경에서는 잘 작동하는데 Pro 환경에서는 그렇지 않다는 것입니다. vite의 빌드 구성을 수정해야 합니까?

어떻게 해야 하나요?

Answer 1

문제는 도서관의 사본이 아니라 귀하의 App.vue 使用自己的 composables/useShow 사본입니다.

해결책은 애플리케이션이 동일한 컴포저블을 사용할 수 있도록 라이브러리에서 컴포저블을 내보내는 것입니다.

으아악

App.vue에서는 lib의 컴포저블을 사용합니다.

으아악

GitHub 홍보