Hello, looks like a good project, this is common with a tutorial and it seems it dosn’t work like theres’ does, is the editor giving a readout in the terminal you may have to have use some debugging etc…
Here are some reasons why a line server might not be working correctly in Visual Studio Code (VS Code):
Visual Studio Code Live Server Not Working - freeCodeCamp
Aug 14, 2020 — Set the default browser for your operating system Even after telling Live Server which browser you want to use, it’s possible that it’s still not opening your page in that browser correctly. The next thing to try is to set the default browser for your operating system itself.
Troubleshoot Visual Studio Code Integrated Terminal launch failures
Some terminal launch failures may be due to your shell installation and are not specific to VS Code. The exit codes displayed come from the shell and you may be able to diagnose shell issues by searching on the internet for the specific shell and exit code. Use the most recent version of VS Code.
Visual Studio Code
Can’t See Code on Index.html File in VS Code - SheCodes
Check firewall settings: Make sure that your firewall is not blocking incoming connections to the localhost port. You can temporarily disable your firewall to see if it resolves the issue. If it does, you may need to configure your firewall to allow incoming connections on the specific port.
Jun 7, 2020 — I had the same problem, sometimes it is because of HTML structure, Live server doesn’t really work if the HTML structure is not proper. The file should have and tags. Go to Windows search bar. Type in PowerShell.
Live server installed but not working in VS code - Stack Overflow
Jun 28, 2023 — Check if the server is running: Make sure that the live server is running and there are no errors in the console. You can check this by looking at the output panel in VS Code. Clear your browser cache: Sometimes, the browser cache can cause issues with loading your work.
Why can’t I open a live server in VS Code? I have live server extension …
Here’s How to Make VSCode Faster
Check for slow-starting extensions Once you hit enter, you will be able to see a list of your currently running extensions, and the start-up time in milliseconds of each. If you find that some of them are taking over 1000 milliseconds to start, you may want to investigate this further.
The page might not open correctly if the default browser is not set. Try setting the default browser for your operating system.
The live server might not work if the HTML structure is not proper. The file should have and tags.
The browser cache can cause issues with loading work. Try clearing the browser cache.
The firewall might be blocking incoming connections to the localhost port. Try temporarily disabling the firewall.
Some extensions might be taking over 1000 milliseconds to start.
Some terminal launch failures might be due to the shell installation. Search on the internet for the specific shell and exit code to diagnose shell issues.
Other things to try include:
- Checking if the server is running
- Restarting VS Code
- Using the shortcut Control + exclamation sign + tab to get a basic boilerplate