live-server-web-extension
live-server-web-extension copied to clipboard
Live server isn't working!
Hey Ritwick, I'd installed it in my chrome and it didn't work. Something's wrong.
Can you clarify it with more details?
Like it's literally not doing what it's supposed to do. I'm making changes to the source code (HTML/CSS) and even though I save 'em, it won't reload them in the browser.
Is this only static items?
What you've entered in Actual Server address & Live Server address?
It works fine on VS Code. I was talking about the chrome extension you've built. Do you mind telling me how it works?
https://www.youtube.com/watch?v=54wcX1G2GH8
Here is a short tutorial.
(Yes, for only static file - this extension is not great.)
Tips: For only static files, the Actual address & Live server address will be same .
Sometimes i got this error, weird. any idea why ? Error: connect ECONNREFUSED 127.0.0.1:80 at Object.exports._errnoException (util.js:1050:11) at exports._exceptionWithHostPort (util.js:1073:20) at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1097:14)
This error occurs to me if I start live server in the editor before I start the Apache server in XAMPP.
Hi, @ritwickdey, I thought I would ask for help inside Issue #6 since the title is appropriate for my case.
What follows is that I can use the Live Server (VS extension) for HTML files without problems by doing:
- Open VS Code
- Open HTML File
- Click 'Go Live' (then a browser tab opens and live reload happens fine).
But I'm having trouble trying to make it work with the Live Reload Browser Extension (in order to use it with PHP files). Before coming here I made sure I read the FAQ.md a couple times but I couldn't make it work at all (not even with HTML files would work!).
I'm trying the following steps:
- Start XAMPP
- Open VS Code
- Open HTML File
- Click 'Go Live'
- At this stage the address bar of the browser is pointing to the following URL: 'http://127.0.0.1:5500/index.html', then I
- Go to Live Reload Browser Extension
- Toggle 'On'
- Check "I don't want proxy setup"
- Fill 'Live Server Address' field with value 'http://127.0.0.1:5500/'
- Fill 'Actual Server Address' with value 'http://localhost:80/sites/example.com/' which is where my 'index.html' is located (because I thought [workspace] from the docs mean the root directory to my files)
- I then go to browser address bar and navigate to 'http://localhost/sites/example.com/' (the same 'Actual Server Address' but without the port, as mentioned in the 3rd item from the FAQ.md) to see my 'index.html' page
- But then when I modify code and save the file in VS Code, it doesn't reload the browser.
What am I doing wrong? I really need to make it work so that I can make VS Code my main web editor! :)
Notes: I tried using Chrome and Firefox (latest versions) and I checked my PHP - it's version 7.1.1.
Hi, try to remove port 80 in the actual server address and leave it with http://localhost/sites/example.com/
.
I have also recorded a YouTube clip https://youtu.be/3Vl25iiBIeo to demonstrate. Unfortunately, I don't have a microphone on my computer, but it may help. Please let me know if it works. Then I can clarify it in the documentation.
Hi @Mikael-Sundstrom, it worked perfectly!
Removing the port from 'Actual Live Address' was the solution.
Thank you a lot!
alt+L O => category icon view!
Hello, have you tried to follow the Setup.md. I also recommend that you to read The common misconception.
Have you installed the browser add-on?
Then if you choosing direct setup, you must visit your PHP server address. For instance. http://localhost/workspace
Live Server is not connecting to the browser since yesterday. Is it something that everyone have issue with?
I was having this issue I uninstall vscode and chrome. Reinstalled them. Then ensured that my html page had the following minimal tags. It worked for me.
<html land="en">
<head>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<h1> {{msg}} </h1>
</div>
<script>
var app = new Vue({
el: '#app' ,
data:{
msg: "its working!"
}
});
</script>
</body>
</html>
Please help me, after clicking on go live, the browser gives error ie this page is not working along with 127.0.0.1 is not sending any data. here is the screen shot
it was working fine up until yesterday but when i open live server on VSCode it does not open the html and it redirects it to this page, any help?
This might solve your issue : https://stackoverflow.com/questions/61169067/live-server-vscode-this-page-isn-t-working-127-0-0-1-didn-t-send-any-data-err/61733333#61733333
please help me No response from Go live button extension ping is so high