Visual Studio Code Live Server ไม่ทำงาน

VSCode มีส่วนขยายที่ยอดเยี่ยมมากมายและ Live Server เป็นหนึ่งในสิ่งที่ดีที่สุด

ด้วยการคลิกเพียงไม่กี่ครั้ง Live Server ช่วยให้คุณเห็นเพจของคุณอยู่ในเบราว์เซอร์จริง ยังดีกว่ามีคุณสมบัติการโหลดซ้ำดังนั้นหากคุณอัปเดตโค้ดการเปลี่ยนแปลงจะแสดงในเบราว์เซอร์ด้วย

สิ่งที่คุณต้องทำคือคลิกขวาในไฟล์ HTML ที่คุณต้องการดูคลิกขวาจากนั้นเลือก "Open with Live Server":

แต่จะเกิดอะไรขึ้นถ้า Live Server ไม่เปิดเบราว์เซอร์และแสดงเพจของคุณอย่างที่คุณคาดหวัง? หากสิ่งนี้เกิดขึ้นกับคุณคุณสามารถลองทำสิ่งต่อไปนี้

รีสตาร์ท VSCode

บางครั้งสิ่งที่ดีที่สุดที่คุณทำได้คือเริ่ม VSCode ตั้งแต่เริ่มต้น

ขั้นแรกบันทึกงานทั้งหมดของคุณ จากนั้นปิด VSCode ซึ่งจะหยุดส่วนขยายทั้งหมดที่คุณติดตั้งไว้ด้วย

จากนั้นเปิด VSCode ใหม่แล้วลองอีกครั้งไปที่ไฟล์ HTML ที่คุณต้องการดูคลิกขวาแล้วเลือก "Open with Live Server"

ตั้งค่าเบราว์เซอร์สำหรับ Live Server

เป็นไปได้ว่าส่วนขยายกำลังทำงาน แต่ระบบของคุณไม่มีเบราว์เซอร์เริ่มต้น

แม้ว่าคุณจะตั้งค่าเบราว์เซอร์เริ่มต้นสำหรับระบบของคุณ แต่ก็ไม่เสียหายที่จะแจ้งให้ Live Server ทราบว่าคุณต้องการใช้เบราว์เซอร์ใด

ขั้นแรกให้เปิด Command Pallete ด้วย F1 จากนั้นพิมพ์Preferences: Open Settings (JSON)และเลือกตัวเลือกนั้น

เพื่อเปิดsettings.jsonไฟล์VSCode

"liveServer.settings.CustomBrowser": "chrome"เลื่อนไปตลอดทางจนถึงด้านล่างของแฟ้มและวางใน

เลื่อนไปจนสุดด้านล่างของไฟล์เพิ่มลูกน้ำหลังการตั้งค่าสุดท้ายจากนั้นวาง"liveServer.settings.CustomBrowser": "chrome":

โปรดทราบว่าคุณยังสามารถใช้"firefox", "safari"หรือเบราว์เซอร์อื่นใดตามค่าสำหรับ"liveServer.settings.CustomBrowser"การตั้งค่า

สุดท้ายบันทึกsettings.jsonไฟล์และลองเรียกใช้ Live Server อีกครั้ง

ตั้งค่าเบราว์เซอร์เริ่มต้นสำหรับระบบปฏิบัติการของคุณ

แม้ว่าคุณจะบอก Live Server ว่าต้องการใช้เบราว์เซอร์ใด แต่อาจเป็นไปได้ว่ายังเปิดหน้าเว็บของคุณในเบราว์เซอร์นั้นไม่ถูกต้อง

สิ่งต่อไปที่ต้องลองคือตั้งค่าเบราว์เซอร์เริ่มต้นสำหรับระบบปฏิบัติการของคุณเอง

วิธีการที่แน่นอนในการดำเนินการนี้อาจแตกต่างกันไปขึ้นอยู่กับระบบปฏิบัติการของคุณดังนั้นควรค้นหาวิธีดำเนินการดังกล่าวหากไม่แน่ใจ

นี่คือลักษณะของหน้าการตั้งค่าใน Windows:

ไปที่หน้าสดด้วยตัวคุณเอง

หากด้วยเหตุผลบางประการ Live Server ยังไม่เปิดเพจในเบราว์เซอร์ของคุณโดยอัตโนมัติก็ไม่ต้องกังวล คุณสามารถเปิดเบราว์เซอร์ที่คุณเลือกและดูหน้าได้โดยตรง

//127.0.0.1:5500/เพียงแค่เปิดเบราว์เซอร์ที่คุณต้องการและไปที่

ตัวอย่างเช่นถ้าไฟล์ของคุณเรียกว่าเพียงแค่ไปที่index.html//127.0.0.1:5500/index.html

ตราบใดที่ Live Server ยังทำงานอยู่คุณจะเห็นเพจของคุณ

ในการปิด

นี่คือการแก้ไขทั่วไปบางประการที่คุณสามารถลองใช้ได้หาก Live Server ไม่ทำงานตามที่คุณคาดหวัง

อยู่อย่างปลอดภัยและมีความสุข (สด) การเข้ารหัส