Question

我已经安装了实时服务器扩展，但是在保存HTML或其他文件后浏览器没有更新。可能是什么原因引起的？

Answer 1

尝试重新安装扩展程序并重新启动文本编辑器

Answer 2

这是因为您在环境变量中添加的路径不足。

首先你可以关闭 vs 代码
转到“我的电脑”的属性
点击高级设置
点击环境变量
从那里您可以添加路径，单击此处显示的表中的路径变量 6 。在路径中添加新行并复制粘贴您系统的路径 32

C:\Windows\System32

希望此解决方案适用于您的情况

Answer 3

我遇到了这个问题，我通过将settings.json文件中的端口号更改为一个打开的端口来解决了。

要访问setting.json文件，只需单击CTRL + SHIT + P，然后键入“ settings”，单击“首选项：打开设置（JSON）”，然后将其粘贴到“ {}”旁边：

"liveServer.settings.port": 0

这将每次随机选择一个打开的端口。这是我的JSON文件的样子：

{
    "liveServer.settings.port": 0
}

如果JSON文件中有多行，请确保每一行都以'，'分隔，如下所示：

{
    "liveServer.settings.CustomBrowser": "microsoft-edge",
    "liveServer.settings.port": 0
}

Answer 4

实时服务器已启动，但仍未在浏览器中自动打开页面

open your preferred browser and type http://127.0.0.1:5500/<if_directory_name>/<else_direct_your_file_name>

example:

http://127.0.0.1:5500/index.html
-or-
http://127.0.0.1:5500/your_folder_name/index.html

注意：有时端口号 5500 将更改为 5501

Answer 5

我在文件名中有一个空格，可以在其中找到 index.html。
喜欢：3. Typography。
刚刚去掉了空格：3.Typography 因为（当然）我们不能在 url 中有空格。

Answer 6

很容易解决。只需通过 (ctrl + ,) 打开设置并选择常用第一个字段是 （自动保存）值默认为关闭，您必须将其更改为延迟后

Answer 7

如果实时服务器未在端口 5500 上运行和呈现 html 页面，例如 http://127.0.0.1:5500/index.html 不工作。

那么这可能是由于您系统上的连接问题。

我在 html 页面下编译时遇到了同样的问题：

<!DOCTYPE html>
<html>
<body>
    <h1>Hello world</h1></body>
</html>

通过将实时服务器设置更改为我的本地 IP 解决了它并修复了问题。

我的本地 ip：http://192.168.2.16:5500/index.html 正在即时呈现更改并正常工作。

步骤可以参考： https://www.youtube.com/watch?v=_B3RRVhgCOw

这适用于默认情况下未使用端口 5500 运行实时服务器的任何人。

Answer 8

我遇到了同样的问题，然后我通过从 settings.json 文件中删除实时服务器的所有设置并重新安装实时服务器扩展并正确运行来解决它。

vs code

Answer 9

或者检查您的文件名是否包含空格，就像我将我的文件命名为“Countdown Project.html”但它不起作用但是一旦我意识到“Countdown”和“Project”之间的空格是问题解决了。为所有项目命名，不要有空格。

Answer 10

打开自动保存功能。文件->自动保存

已安装实时服务器，但无法在VS代码中运行

10 个答案: