Vite HMR은 하위 폴더 내의 구성 요소에 대한 변경 사항을 감지할 수 없습니다

Question

Vue + Vite 프로젝트에는 이런 폴더 구조가 있습니다

문제는 vite가 A.vue 또는 B.vue, 즉 구성 요소 폴더의 NestedFolder 아래에 중첩된 구성 요소의 변경 사항(ctrl+s)을 감지할 수 없다는 것입니다. 다른 모든 것은 잘 작동합니다.

내 vite.config.js는 다음과 같습니다.

으아아아

vite HMR API 문서에 따라 사용자 정의 HMR 기능을 시도하고 이를 사용하여 전체 새로고침을 보내도록 했습니다.

으아아아

vite의 HMR API 문서를 보았지만 사용자 정의 HMR 함수를 사용할 때 vite에 업데이트 이벤트를 보내는 방법을 모르겠습니다

이 문제를 해결하는 방법에 대한 도움이나 조언을 주시면 감사하겠습니다.

Answer 1

알겠습니다. 문제를 해결했습니다. 문제는 중첩된 폴더에 있는 것이 아닙니다. Vite는 절대 경로를 사용하여 가져온 구성 요소를 무시하는 것 같습니다.

예를 들어 Vite는 가져온 구성 요소의 변경 사항을 감지하지 못합니다.

으아아아

그러나 수입품과 관련된 변화를 감지합니다:

으아아아

이 문제를 해결하는 설정을 찾을 수 없습니다. 그러나 구성요소 가져오기의 상대 경로는 이 문제를 해결합니다. 이것이 문제입니까?