خادم التطوير واستبدال الوحدات الفوري

يحدّث الاستبدال الساخن للوحدات الوحدات التي تغيّرت فقط، من دون إعادة تحميل الصفحة كاملة. وعادةً ما تبقى حالة تطبيقك محفوظة.

يشغّل البرنامج النصي dev أداة Vite، التي تقدّم شيفرتك مع تفعيل HMR افتراضيًا.

يطبع Vite العنوان المحلي (الافتراضي http://localhost:5173) وعنوان الشبكة إذا مرّرت الخيار --host.

عدّل أي ملف .svelte أو JS ثم احفظه. يحدّث المتصفح الصفحة فورًا، وغالبًا خلال أجزاء من الثانية.

يحافظ Svelte على حالة المكوّن أثناء تحديثات HMR متى أمكن. فإذا كان العداد عند 5، فسيبقى عند 5 بعد تعديل البنية.

تفرض بعض التغييرات إعادة تحميل كاملة، مثل ملفات الإعداد وخطافات الخادم أو أخطاء الاستيراد. ويخبرك Vite بذلك في وحدة التحكم.

مرّر الخيار --host لإتاحة خادم التطوير على شبكتك المحلية، حتى تتمكن من اختباره على هاتف.

إذا كان المنفذ 5173 مستخدمًا، فسيختار Vite المنفذ الحر التالي. ويمكنك أيضًا فرض منفذ باستخدام --port 4000.

افتح أدوات تطوير المتصفح لرؤية خرائط المصدر التي تشير إلى ملفات .svelte الأصلية، مما يوفّر تتبعات دقيقة للمكدس.

تظهر أخطاء الصياغة أو وقت التشغيل في طبقة عرض فوق الصفحة في المتصفح. أصلح الشيفرة، وستختفي الطبقة عند الحفظ.

اضغط على Ctrl+C في الطرفية لإيقاف خادم التطوير. وأعد تشغيله باستخدام npm run dev.

ما وظيفة HMR؟

يمكنك بدء خادم التطوير والاستفادة من HMR وإتاحته على شبكتك والتعافي من الأخطاء عبر طبقة العرض.