Home > Net >  Liveserver extension for VScode does not auto reload page on change
Liveserver extension for VScode does not auto reload page on change

Time:10-30

I can’t figure out what the problem is .__. Liveserver extension does not react on html/css changes

This line in html is present `

<meta charset="UTF-8">

Here is my settings (cant post image):

{
    "files.autoSave": "afterDelay",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
    "liveServer.settings.useWebExt": true,
    "liveServer.settings.fullReload": true,
    "liveServer.settings.ChromeDebuggingAttachment": false,
    "liveServer.settings.wait": 3,
    "liveServer.settings.CustomBrowser": "chrome",
}

here is markup:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
   test
</body>
</html>

CodePudding user response:

Updated question shows complete HTML example that should work with default preferences. Presumably the problem lies in the

"liveServer.settings.useWebExt": true,

preference: if the browser you are starting does not have installed required single line document with meta charset tag

Live Reload is not possible without a head or body tag.

I understand, don't show again

So use more complete HTML skeleton with those optional <head> and <body> tags if you want to see it live-reloaded upon save with this extension.

  • Related