Заміна гарячого модуля Vite (HMR), як відомо, впливає на помилки та проблеми з чутливістю до випадку, особливо в імпорті файлів. Ось ключові моменти щодо цих питань:
Проблеми чутливості
1. Чутливість випадків у різних операційних системах: Vite може зіткнутися з проблемами з HMR в нечутливих до регістру файловими системами (як, наприклад, у Windows та MacOS), коли випадок імен файлів в імпорті не відповідає фактичним іменам файлів. Наприклад, якщо файл названий `mycomponent.vue`, імпорт його як` mycomponent.vue` буде призведе до проблем. Це може призвести до того, що Vite не вдається виявити зміни, що призводить до несподіваної поведінки під час розвитку [1].
2. Досвід користувача: Кілька користувачів повідомили про те, що витрачають значні проблеми з усуненням несправностей HMR, які в кінцевому рахунку були простежені до неправильного корпусу в іменах файлів. Наприклад, один користувач зазначив, що один символ у імені файлу змусив їх витрачати цілий день, намагаючись виправити помилку [1]. Інший користувач зазначив, що вони стикалися з подібними проблемами при роботі з проектами React, що свідчить про те, що це загальна підводна камера [1].
помилки та шляхи імпорту
1. Абсолютний проти відносного імпорту: Віт зазначалося, що виникає труднощі з виявленням змін компонентів, імпортованих за допомогою абсолютних шляхів порівняно з відносними шляхами. Користувачі виявили, що перехід на відносний імпорт вирішив свої проблеми з виявленням HMR [4]. Це говорить про те, що друкарські помилки в шляхах, будь то через неправильне кожух чи неправильні специфікації шляху, може призвести до того, що HMR не функціонує, як очікувалося.
2. Поради щодо налагодження: Коли стикаєтесь з проблемами HMR, доцільно подвійно перевірити шляхи імпорту для помилок та чутливості до випадку. Забезпечення того, що оператори імпорту точно відповідають іменам файлів, може допомогти уникнути цих загальних підводних каменів.
Висновок
Підводячи підсумок, HMR Vite може суттєво вплинути на помилки та проблеми з чутливістю до випадків у імпорті файлів. Розробники повинні бути пильними щодо точного кожуха імен файлів та правильності шляху імпорту для забезпечення плавної функціональності HMR. Це особливо важливо в умовах, де чутливість до випадку змінюється, наприклад, між MacOS та Windows.
Цитати:[1] https://github.com/vitejs/vite/issues/964
[2] https://forum.rescript-lang.org/t/vite-react-no-hmr-page-reloads-on-every-change/4700
[3] https://blog.logrocket.com/vite-adoption-guide/
[4] https://stackoverflow.com/questions/73313176/vite-hmr-doesnt-detect-changes-to-components-nested-under-sub-folders
[5] https://stackoverflow.com/questions/tagged/hmr