Why Visual Studio Code Live Server Not Working?

🎉🎉 Join Payoneer & Earn 25$ 👉 alihossain.com...
👩‍💻 Learn Tailwind CSS 👉 alihossain.com...
👩‍💻 Learn Web development 👉 alihossain.com...
👩‍💻 Learn Bootstrap 5 alihossain.com...
☕ Buy Me A Coffee 👉 www.buymeacoff...
Live Server extension works fine with most of the machines but some of you might face an issue, it's not working perfectly on your machine. In this video, I will try to give you some ways how to mitigate the issue and have an excellent coding experience with vs code live server, let's begin.
🎉🎉 Recommended Hosting
==========================
👉 Buy Hosting with a Free Domain here: www.alihossain...
👌 Discount Coupon Code: PROCODERBD (7% OFF )
😊 Coupon Validity: Unlimited time
👌👌 Text version of the video
===========================
www.alihossain...
🔴 Web Development Roadmap - A Practical Guide
=========================================
• Web Development Roadma...
🔴 Best way to learn code faster
===========================
• Best way to learn code...
👩‍💻 Tailwind CSS From Scratch | With Multiple Projects
=======================================================
www.udemy.com/...
👩‍💻 Build Responsive Websites with Modern HTML & CSS with Sass
=======================================================
www.udemy.com/...
👩‍💻 Bootstrap 5 Essential Training: With Projects
=====================================
www.udemy.com/...
✅ For Branding & Business Inquiries
===========================
✅ ► [e-mail]
#LearnWithAliHossain
Connect me on social media so you will find my entire tutorial first. If that sounds like something that could help grow your business, then make sure to join me by subscribing!
✅ Facebook:
==============================
/ alibd654
✅ Twitter:
==============================
/ shovoalways
✅ Instagram
======================
/ shovoalways
✅ My Website
==============================
www.alihossain.com

[@deeperdeeper7882]

Thanks for the video🙂. That suggestion to create folder helped resolve my issue.
Just wanted to add something I have noticed as it might help complete beginners like me. Even after creating the folder and moving my .html file to it, it's not giving me the option 'open with liveserver' in vs code. Then, I realized that the issue was because I created the folder and named it like you suggested but was opening the file using 'open file' instead of 'open folder' option under vs code 'File' section. When I used 'open folder' in vs code and clicked the .html file under that folder inside vs code, I could then see 'open with liveserver' on right clicking.

[@shovoalways]

Pinned ❤️

[@BLACKDEVILRoot]

@Deeper Thanks a lot it was my case after 2 hours of research

[@sparky_says]

that is exactly what happened with me guys you should click folder and then choose your file

[@garyj7990]

Thanks Ali. I have been trying to resolve this for days. Found your video and fixed in five minutes. You just got a new subscriber. 👍

[@LaibaArshad-q4o]

oh my Godddd
thank you so so muchhhh
I've watched many videos but none of them worked at all
but as soon as i followed your step 1, it immediately WORKED!!!!!!

[@AsafEfraim-u8m]

I draged the html folder into VSC and it all restarted and works again!!!
Thank you!

[@shovoalways]

You're welcome!

[@sackchico]

Thank you so much! So simple and straight to the point!

[@Cristina-rq4fo]

Thanks a lot. I am in a bootcamp and for some reason, my live server was not working. Got it all sorted out. Thanks!!

[@asmrsatisfying1940]

Thank you sooooo much i've been searching for days and nothing changed till i saw your video

[@PvilleTennis]

One of the problems that you didn't mention was that new users need to install the live server by going to extensions and installing Live Server, But your video helped thanks!

[@ВикторияТрясучева]

Thank you very much! I spent several hours on solving my problem and only your video helped me!!

[@shovoalways]

Thank you

[@uaeson4386]

Thank you so much for this helpful video. I was suffering looking for solution for my problem, which was how to install Live Server correctly on MacBook Pro. 😃

[@SierraGax]

Thnak you Ali! The very first minute of your video answered my problem:)

[@Apex_Riaz]

Thank you,
my problem was the space in the file name, such a simple change.

[@Etuza_informatica]

After hours I finaly find some one whos actualy helps. Thank you!

[@hellofromargentina4401]

Thank you very much I clicked 'Open Folder' and it worked.

[@harshkumarsharma350]

Thanks bro, first folder mistake I have not created that's was my issue.

[@shovoalways]

What do you think about this video, let me know in the comment section.

[@abiolasamuel9760]

Any time I click go live at the right bottom corner it doesn't run the code it says "🚫port 5500" all the time
What do I do

[@davidoluremi1981]

I like the video but i've still got some questions...
First how do you enable the web browser on the right of your code editor, i saw it in the video.
Second, does live server only work with .html files?

[@shiv8189]

Live server extension problem

[@Noob-yj1uo]

You're a genius! Wish I’d found this demo 3 hours ago! Thank you

[@nileshrathod4385]

It's very helpful thank you

[@humanbehindthetoken1882]

Thanks, Ali for me it was Step 3. I was literally losing it for 2 weeks!

[@piotrrodzen772]

For me it was a straightforward problem with the folder name so thanks for help

[@SHEIKHHARIS8695]

Finally, after watching alot of videos I fixed this problem.

[@DiegoRockLoiro]

Thank you so much! You were the only one that actually helped me!

[@tooveralls]

Thank you for your great video! Your video gave me a solution to the problem that I was looking for! 😃

[@MiroslavSomifastCZSomodsky]

Thanks for the video .. I finally got it
specific information why I do not see the content of the file on the live server. I didn't have the file in the folder. :-( now I know it will stay there forever :-))) thanks again

[@jessadefiesta6606]

My queries about live server has finally been answere. Thank your Sir

[@AdrianoPereira-xx5pz]

Thousand blessings to you. Sometimes it‘s the smallest details that cost the most time

[@montasirbillah1395]

i try 40 minutes plus finally in few minutes you solve it. love from bang.............

[@kramyshan8121]

The best explanation ever! Thank you very much!

[@olgalavida7977]

Thank you! I had a space in my folder's name!

[@sanjitapatnaik586]

Thank you so much this video helped me to resolve my issue.

[@OneBrokeBloke]

For me, the problem was not having a default browser. Usually everytime you open a browser, it will ask you "PLS MAKE US THE DEFAULT BROWSER", but apparently not here.
So definitely check that i guess.

[@celorhmbibah8981]

Very, Very helpful. I've been trying to solve this problem for weeks. 2 mins into the video i found my solution. I'm subs right away for more tips from you.

[@JP-zh6qt]

Hey
Man Thanks . it worked in the last option 😅. New follower.

[@abdolrahmanmahmoud1542]

Thank you bro the problem has solved perfectly 🎉

[@alexispfaff9263]

thank you so much! exactly what I was looking for

[@BrianGodana-bc2hx]

Thank you sir.
Your guidance was very helpful.

[@ScreenPrintR]

Thank you. For me the issue was that the new file needed to be added to the Workspace.

[@mn.fuad26]

the restarting worked. Thanks a lot

[@jervansahd3657]

The folder spaces did it. Thank you

[@Iliyaz-fj7un]

Thankyou ali folder trick worked 😊

[@tiffanyrudd1383]

Exactly what I needed. THANK YOU!!

[@shovoalways]

Glad it helped!

[@sarminkhatun5595]

@@shovoalways Thank you vi Solved the problem

[@elizabethsamboonuwa6875]

This was really helpful to me, thanky you.

[@vusimoshoeshoe1015]

Fixed my issue in only 0:58 into the video 👍🏾👍🏾

[@squidgamelesgoooo]

thank youuu by opening my folder it worksss

[@DanishKhan-iu6qu]

Thank you so much i have view only 1 mintue and i am understand that how my server is not working thanks for informational video

[@anadanielacolinadiaz9753]

Thank you for your video. It helped me a lot!!

[@strayinworld7827]

Thank you, you saved me and my education.

[@Скрытыйбойчик]

You help me a lot. Thx, man

[@sumayaNoman]

Hi Ali
Thanks a lot for fixing my problem!

[@ram9830]

Thanks! It solved my problem.🙂

[@nikhilsingh2538]

Thanks Bro, you solved my issue.......Always keep smile.

[@scaledeals-io]

Fixed my problem in 5 seconds, thank you!!

[@alvarobaldovino]

Thanks, to the point my friend!!

[@ahmetkarakartal9563]

My problem is solved. Thank you so much.

[@TheAshar09]

Thank you my issue was default browser i solve with your help

[@Suraj6642]

thank you setting up chrome worked for me

[@paconity791]

apparently if you are using wsl and store the files in the linux side live server wont work, so just place the files on the desktop

[@nivethapalaniswamy8961]

Thank you sir... I got the answer from ur video....

[@camiloroa3182]

Many regards it is working, thanks Ali ;) 20/03/2022

[@nomanrajpoot-mq9jk]

Appreciations you mate

[@nageshmohurle4198]

my live server still not working what should i do

[@cocytus5298]

great video now i can use live server
thank you ali

[@mugabedaniel9858]

This is so helpful. thanks for the video.😍

[@md.abbassiddiq6316]

Helpful 😊

[@malchik694]

thank you very mach man. you were real help me.

[@chanlee5310]

Thanks man really worked

[@developerkamrul10]

very helpful. Thanks Ali Hossain vai

[@skateboarding2800]

I'm still getting - Server is Started at port : 5500 but still not open the chrome. What should I do?

[@anujchauhan4936]

@Skate Boarding Did you got solution of this problem?

[@skateboarding2800]

@@anujchauhan4936 I deleted, reinstalled VS Code and all extensions like Live Server and restarted my laptop. My live server finally reconnected - but for some reason, usually at night, chrome will not connect through live server to the port. When I reset my comptuter, it re-connects with no issues. I've been using public wifi in a hotel, so I'm not sure if it's just the internet connection.

[@garenaunofficial7799]

@@skateboarding2800 no broh I am also facing same problem........it show the port 5500 but web pade doesn't come

[@gopalkumaryadav6613]

Bro please help same problem

[@gopalkumaryadav6613]

How to fix this problem

[@kehindeolajuwon5399]

Thanks bro you are a live saver

[@leannec6821]

Thank you! It helps!

[@tjrcuram7015]

Great video!
However, I still have a problem. When I open live server through the correct html file, it opens fine. But when I click on the file, it downloads instead of becoming the local server. Can you help?

[@learningstuff5679]

I know right? Why did he ask us to leave a comment if he has no intention of helping us out??

[@NandiniKumari-v4v]

Still not working

[@GlobalContentThatWeNeed]

Many thanks!

[@sanjayagharkar6421]

thanks bro you sloved my problem

[@aksharnavapara2135]

"ENOENT: no such file or directory, open" this problem show in vs code live server and not working live server

[@anchinchore]

Thanks a lot this video helped me 😊😊😊😊

[@24KONMINDSET]

Thanks a lot!

[@HeshanGoonawardena]

I get a different issue when I try to open a .PHP file. It tries to download the source file instead of displaying on the browser
console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');

[@michaelallison798]

Thanks Ali!

[@dilshadurrahman4248]

Thanks man, this helped :D

[@abiolasamuel9760]

Any time I click go live at the right bottom corner it doesn't run the code it says "🚫port 5500" all the time
What do I do

[@muskankhan-19]

Same 😢

[@vggaming0077]

thank you bro, it works ... i think steps 6 is more effective

[@glorialucy3290]

thanks so much. so helpful

[@gam_s]

Thank you bro!

[@shivamkakkar4779]

I created the folder, added the file in the folder, and try running with it. Doesn't work. Please help

[@roksanaparvin8826]

thanks, brother. it's really help me

[@drino955jug3]

The problem was the wrong folder name, I think. Thanks a lot!

[@MdImran-gb9ce]

Great video! and Thanks.

[@adenircamargo713]

Could you help me, please. All the steps you mentioned, I followed and are fine. The browser (Chrome) open a page with a different IP address than 127.0.0.1 followed by a different port as well. Any advice?

[@FactVault-1th]

my html codes are applying but my style.css codes are not applying at live server

[@samuelmwangi3962]

thanks for your explanation

[@shovoalways]

You are welcome

[@samibdm6822]

I realy need it thanks a lot

[@angquang1264]

This video is really helpful, I fixed it in 5 minutes, thank you very much ❤

[@ritasilva1437]

finally!!!! thank u so so much

[@mdsabbirhosen6843]

Thank you so much

[@divyanshsingh2831]

sir its show that Server is Started at port : 5500 but still not open the chrome. What should I do?

[@learningstuff5679]

Same here?? Did you solve this?

[@mohammademon179]

Assalamualaikum Vai, thanks for published your important video content.
apnar webcam amon transition kon software use kore korwsen?
Or kon editor use koresen. Kindly janaben ki?

[@shovoalways]

Camtatia, premear pro, I use both at a time.

[@mohammademon179]

@@shovoalways 😍😍😍

[@pritamroycreativecommons8724]

everytime i click go live on vs code why does is it opening a different web page? can you help me?

[@kavitabisht6494]

Sir when I am clicking on GO LIVE Microsoft edge is opening
But it is showing( cannot get /index.html/

[@JUNAEDKHAN-lu3xo]

Thank you so much sir.

[@suvamsatpati471]

thank you sir. the problem is solved.👍

[@erfansaadati5452]

There is no problem with vscode ,
But I need to refresh Chrome to see the changes