【问题标题】:Live server not refreshing browser实时服务器不刷新浏览器
【发布时间】:2021-12-06 17:39:23
【问题描述】:

我在 Visual Studio Code 中使用实时服务器扩展,但它不起作用。 我所说的“不起作用”的意思是它在修改代码后不会刷新浏览器,但我可以打开它。 查看修改的唯一方法是关闭它并再次打开它......

我尝试了什么:

-将 chrome 设置为默认浏览器,但它已经是。 -重新安装VS代码。

我尝试过但失败了:

-编辑代码以使 chrome 成为代码中的默认浏览器,但我有一个错误“无法在只读编辑器中编辑”,我无法修复它。\

已安装的扩展:代码运行器 - HTML CSS 支持 - Live Sass 编译器 - Live 服务器 - Monokai Pro(主题)。

【问题讨论】:

    标签: html visual-studio-code liveserver


    【解决方案1】:

    即使您确实为您的系统设置了默认浏览器,让 Live Server 明确知道您想使用哪个浏览器也没有什么坏处。

    首先,使用F1 打开命令面板,然后输入首选项:打开设置 (JSON) 并选择该选项。

    这将打开你的 VSCode settings.json 文件。

    一直滚动到文件底部,在最后一个设置后面加一个逗号,然后粘贴"liveServer.settings.CustomBrowser": "chrome":

    如果由于某种原因 Live Server 仍未在您的浏览器中自动打开页面,您可以打开您选择的浏览器并直接查看该页面。

    只需打开您喜欢的浏览器并转到http://127.0.0.1:5500/<your_file_name>。

    例如,如果您的文件名为index.html,则转到http://127.0.0.1:5500/index.html。

    只要 Live Server 正在运行,您应该会看到您的页面。

    【讨论】:

    • 你成功了吗?
    • 您好,感谢您的回答,但已经设置好了...
    【解决方案2】:

    对我来说,问题在于 .html 文件中缺少

    <head><meta charset="UTF-8"></head>

    添加它解决了这个问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-04-22
      • 1970-01-01
      • 1970-01-01
      • 2022-10-19
      • 2015-02-18
      • 1970-01-01
      • 2020-05-23
      • 1970-01-01
      相关资源
      最近更新 更多