Visual Studio Code problem loading pages

1

Hi everyone

I have been trying to launch a html file in Visual Studio Code and I keep getting the message that the page is ‘online, but can’t connect’ (message from the trouble-shooter).

I have tried every solution suggested on the internet and have spent the whole day doing this, but still haven’t found the problem.

Has anyone else had a similar problem with VSC?

1 Like
2

Do you have a <head> and the <body> in your HTML document?

Important: In order for Live Server to launch your HTML file, it must contain <head> and <body> tags. Without them, Live Server will not run your HTML file and display an error message.

1 Like
3

Hello, thank you.

Yes I have the head and body - it’s just a few lines of code:

 <html>
    <head>
        <title>This is a title</title>
    </head>
    <body>
       <p>This is text</a>
    </body>
 </html>
4

how to set up, customize and use the Server
Right-click an HTML file in the project and choose “Open with Live Server” from the context menu.Do you have the error ?What is the error?
You might want to use a different port number than the default 5500.

5

the error is that the site is online but not connecting. I’m not using port 5500…

I can run it locally to see what it looks like when rendered anyway. I will probably just stick to that for now as I have no idea how to fix this.

6

It also keeps saying that it took too long to respond, if that makes any difference

7

Try stopping Live Server and then restarting it. Sometimes, issues can be resolved by simply restarting the server,or use the different port…

8

I tried both, but neither worked. I don’t really know what I’m doing when it comes to ports/servers etc., I just read things and try to figure the bare minimum out. Would you be able to recommend a resource to learn about this stuff? In terms of figuring out the live server, I can’t really spend any more time on it after today. I don’t understand it either, because I had no problems using it last week.

Also - thank you!

2 Likes
9

VS Code Live Server
Visual Studio Code Live Server Not Working
Open the browser console (usually accessible by pressing F12) and check for any error messages when trying to connect to the live server. This can provide insights into what might be going wrong.

1 Like
10

I will give that a try - many thanks for your help.

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.