1

我正在尝试使用与编辑器 Atom 的 livereload 非常相似的实时服务器包。服务器运行良好,但是每当我进行更改+保存文件时,文件都不会自动刷新。

不确定这是否正常,但是当我在浏览器上打开服务器时,我被转发到一个包含服务器上所有文件的目录。如何更改此设置,以便服务器仅呈现 HTML 并在每次更改时刷新?

4

4 回答 4

1

您尚未为实时服务器设置项目文件夹以进行操作,或者您已将要查看的文件保存在运行它的位置之外。

在左侧的项目窗口中,添加您正在使用的项目文件夹,然后删除其他任何内容。或者将您的文件保存在该位置。

于 2017-07-15T15:53:05.857 回答
1

我的带有 html 元素的 php 文件无法打开,因此请创建 .html 文件之类的文件,并且一切运行良好。在根项目上使用 .atom-live-server.json 来更改一些选项,就像其他浏览器一样。

编辑1:有解决方案!1- 从 livereload.com 安装 Live Reload。2- 从浏览器扩展安装 Live Reload。3-在正文之前复制并粘贴:

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>

4-执行实时重新加载和浏览器,仍然适用于 php 文件。

于 2017-02-25T17:49:13.783 回答
0

我通过添加头部和身体标签来修复它,请参阅这个 github 问题

于 2021-10-05T22:23:10.247 回答
0

我对 atom-live-server 和 Google Chrome 浏览器有同样的问题。最后使用以下步骤使其工作:

  1. 打开你的浏览器
  2. 在“项目”窗格中打开要测试的项目文件夹
  3. 启动 atom-live-server
  4. 它应该会自动在您的浏览器中打开一个新页面。右键单击它并选择 Inspect -> 它将打开控制台窗口。
  5. 您的实时重新加载已启用。注意控制台中的消息。

在 Atom 中更改 javascript 或 html 后,保存更改 (Ctrl + S),浏览器页面将更新。

在此处输入图像描述

于 2019-11-12T09:09:33.533 回答