live server does not show momentary changes

[mahdi243]

I'm submitting a...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  <!-- Please search GitHub for a similar issue or PR before submitting -->
[ ] Feature request
[ ] Documentation issue or request
[ ] Other: <!-- Please describe: -->

Current behavior

Expected behavior

Environment

Browser:

- [ ] Chrome (desktop) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] IE version XX
- [ ] Edge version XX

For Tooling issues:

- Live Server: <!-- Check which version is installed --> 
- Platform:  <!-- Mac, Linux, Windows -->
- Visual Studio Code: <!-- `code --version` -->

Others

[mahdi243]

Hello, my live server has a big problem. When I want to see the changes that I made to the site, I have to click Go Alive again to show it, and normally it doesn't show the momentary changes.

[mudassir-jmi]

Live Server Issues in VS Code

If you are experiencing issues where Live Server does not update with immediate changes, try the following to troubleshoot and resolve the problem:

---

1. Verify File Save Configuration

Live Server only updates on file saves.

• Make sure that auto-save is enabled or manually save your file after changes.
• Open File > Preferences > Settings (or use Ctrl+,). Search for "Auto Save" and set it to afterDelay.

---

2. Modify Live Server Configurations

• Open Live Server settings: Ctrl+, > Search for "Live Server". Make sure these configurations are enabled: - "Wait" Property: Set this to 0 ms or lower.
• "Full Reload" Option: Enable this.

---

3. Confirm Workspace Path

• Your project should open as a workspace folder in VS Code.
  • Live Server may not work properly if you're opening a single file or working outside of a workspace.

---

4. Move HTML File (if necessary)

• If your HTML file is in a subfolder, relative paths may break.
  • Move the HTML file to the root folder of your project and try again.

---

5. Disable Conflicting Extensions

• Temporarily disable other extensions that may conflict with Live Server.
  • To disable an extension, go to the Extensions panel (Ctrl+Shift+X) and toggle them off.

---

6. Firewall or Port Problem Solution

• Live Server works on port 5500 by default.
  • Check that no other process or firewall is blocking this port.

---

7. Update

• Update VS Code and the Live Server extension to their latest version:
  • Extensions panel > Search for "Live Server" > Update.

---

8. Reinstall Live Server

• If this problem continues, remove and install Live Server: - Extensions panel > Search for "Live Server" > Remove, then Reinstall.