VsCode插件live sever浏览器不自动刷新问题排查
-
检查 Live Server 设置:
- 确保 Live Server 插件的设置中已启用自动刷新功能。
- 在 Visual Studio Code 中,你可以通过点击编辑器右下角的 "Go Live" 按钮,然后点击 "Settings" 按钮来访问 Live Server 的设置。确保选择了 "Settings: Current Workspace"(设置:当前工作区)以针对当前项目进行设置。
-
检查浏览器兼容性:
- 某些浏览器可能不支持 Live Server 的自动刷新功能。尝试在其他浏览器中测试一下,看看是否在其他浏览器上可以正常刷新。
-
检查文件路径和命名:
- 确保文件路径没有特殊字符或空格,并且文件名是有效的。有时候不规范的文件路径或命名可能导致 Live Server 无法正确检测到文件的变化。
-
检查 VS Code 版本和插件版本:
- 确保你正在使用最新版本的 Visual Studio Code 和 Live Server 插件。有时更新到最新版本可以解决一些问题。
-
查看 VS Code 控制台:
- 打开 Visual Studio Code 的控制台(View -> Output -> Live Server),查看是否有任何与自动刷新相关的错误或警告信息。
个人最终解决方案:
1、LiveServer是只能识别标准HTML结构体,也就是说,必须要有明确的HTML结构(也就是说,必须要有<html> 、<head> 、<body>这些标签才可以)太TM坑了,愣是看了一下午;
<!DOCTYPE html>
<html>
<head>
<title>HTML注释</title>
</head>
<body>
<marquee loop="1">
测试
<input type="text">
</marquee>
</body>
</html>
2、如果随意写一个类似下面的文件,浏览器是不会主动去刷新的
<!DOCTYPE html>
<marquee>测试1112</marque>