۷ Ashkan Asadollahi
live server
جامعه Html & CSS ایجاد شده در ۱۸ بهمن ۱۴۰۳

سلام من لایو سرورم اصلا کار نمیکنه

سلام،

اطلاعات بیشتری بدید، آیا خطا میده؟ یا نصب نمیشه؟

چه مشکلی پیش میاد که اجرا نمیشه؟

five server رو نصب کنید.

محسن موحد ۱۹ بهمن ۱۴۰۳، ۲۲:۳۶

خطایی نمیده، نصب هم شده، فقط وقتی در vscode کلیک راست میکنم و لایو سرور رو انتخاب میکنم هیچ تبی در کروم باز نمیشه که سند رو ببینم. مشکل از چیه؟؟ 

Ashkan Asadollahi ۲۰ بهمن ۱۴۰۳، ۰۵:۰۳

سلام. وقتتون بخیر
1. مطمئن شید که Live Server درحال اجراست:
توی VS Code Ctrl + Shift + P رو بزنید.
بنویسید: Live Server: Show Logs
اگر لاگ خاصی نیست، یعنی اجرا نشده.
پورت رو دستی ست کنید:
توی VS Code برید به Settings (Ctrl + ,)
سرچ کنید liveServer.settings.port
مقدار رو مثلاً روی 5500 بذارید.
2. از داخل Command Palette اجرا کنید:
Ctrl + Shift + P رو بزنید.
تایپ کنید: Live Server: Open with Live Server
اگر باز شد یعنی مشکل از راست کلیک هست.
۳. VS Code رو در حالت Admin اجرا کنید: گاهی اوقات برای دسترسی به پورت‌ها نیاز به مجوز Admin دارید. VS Code رو ببندید، به‌صورت Run as Administrator اجرا کنید و دوباره تست کنید.
۴. فایروال یا آنتی‌ویروس رو چک کنید
ممکنه Live Server رو بلاک کرده باشه.
به‌صورت موقت خاموشش کنید و تست کنید.
5. مرورگر پیش‌فرض رو تنظیم کنید
برید به Settings (Ctrl + ,)
سرچ کنید liveServer.settings.CustomBrowser
مقدار رو روی "chrome" بذارید و تست کنید.
یا به‌صورت دستی اجرا کنید:

Ctrl + Shift + P
Live Server: Open with Live Server
بعد لینک رو توی کروم کپی کنید.
۶. دوباره نصب کنید
توی VS Code، Live Server رو Uninstall کنید.
VS Code رو ببندید و دوباره باز کنید.
دوباره Live Server رو نصب کنید و تست کنید.
۷. VS Code رو ریست کنید
فایل‌های کش VS Code رو پاک کنید:
C:\Users\YourUser\.vscode
C:\Users\YourUser\AppData\Roaming\Code
C:\Users\YourUser\AppData\Local\Programs\Microsoft VS Code
بعد VS Code رو دوباره باز کنید و Live Server رو نصب کنید.

۸. بررسی کنید که Live Server روی پورت درستی کار می‌کنه
مرورگر رو باز کنید و آدرس http://127.0.0.1:5500/ رو مستقیم وارد کنید.
اگر کار نکرد، احتمالاً مشکل از VS Code نیست و باید لاگ‌های سرور رو ببینید.
۹. ترمینال رو چک کنید
توی VS Code، ترمینال (Ctrl + ~) رو باز کنید و ببینید خطایی میاد یا نه.
با این دستور ببینید که پورت 5500 بازه یا نه:

netstat -ano | findstr :5500

اگر چیزی نشون نداد یعنی سرور اجرا نشده.
۱۰. چک کنید که فایل HTML بازه
بعضی وقتا Live Server وقتی یه فایل خالی یا غیر HTML باز باشه اجرا نمی‌شه.
یه index.html باز کنید و بعد روی اون Live Server رو اجرا کنید.
۱۱. افزونه رو با دستورات دستی اجرا کنید
اگر هیچ‌کدوم جواب نداد، به‌صورت دستی Live Server رو اجرا کنید:

توی VS Code ترمینال رو باز کنید.
برید توی پوشه‌ی پروژتون:

cd مسیر/پروژه

این دستور رو اجرا کنید:

npx live-server

یا اگر نصب کردید:

live-server
سحر پاشائی ۲۱ بهمن ۱۴۰۳، ۰۷:۲۰

http://127.0.0.1:5500/ این رو مستقیم میزنم تو chrome کار میکنه

 

Ashkan Asadollahi ۲۲ بهمن ۱۴۰۳، ۰۹:۴۲

سلام. وقت بخیر
الان درست کار می‌کنه فقط باید مرورگر ست کنید تو تنظیمات VS Code.

سحر پاشائی ۲۴ بهمن ۱۴۰۳، ۰۶:۲۰

مرورگرم ست کردم ولی باز نمیکنه

 

Ashkan Asadollahi ۲۴ بهمن ۱۴۰۳، ۰۹:۵۸

وقتی آیپی و پورت رو مستقیم وارد میکنید، باز میشه؟

حالا وقتی مرورگر ست میکنید و مستقیم باز میکنید، یک اسکرین شات بفرستید تا ببینیم چه اتفاقی میوفته؟ ممکنه در باز کردن صفحات کد بصورت مستقیم مشکل ایجاد میشه؟

اگر live server نصب کردید باید پروژه رو open folder یا ورک اسپیس اضافه کنید ولی five server مشکلی نداره.

محسن موحد ۲۵ بهمن ۱۴۰۳، ۲۰:۵۹