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 はインポートされたコンポーネントへの変更を検出しません:

リーリー

ただし、インポートに関連する変更を検出します:

リーリー

この問題を解決する設定が見つかりません。しかし、コンポーネントインポートの相対パスによってこの問題は解決されます。これは問題ですか?