问题标签 [liveserver]

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

我尝试了什么：

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

我尝试过但失败了：

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

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

我在 vs-code 中愉快地使用 liveserver 很长一段时间，但是有几天我在 chrome 中使用 live server 运行我的 html 文档并转到开发人员工具中的 chrome 响应部分 live server 离线请帮助我

谢谢 =)

在此处输入图像描述

我正在从 Morten Rand-Hendriksen 的课程（JavaScript 基本培训）中学习 JavaScript。我下载了所有练习文件并使用本地运行的 Firefox 和 VSCode 以及 Live Server，我尝试在浏览器中加载下面的示例代码（示例 5.02）。

它不显示显示背包图片的 CSS 样式。在控制台中，我收到此错误：

我在“设置”中将“跟踪内容”设置为“关闭”（参见屏幕截图），但没有帮助。

我确认文件存在“..\assets\images\everyday.svg”

更新：我试图直接在 Firefox 中加载它，而不是 LiveServer。我在控制台中看到，Cross-Origin Request Blocked: The Same Origin Policy disallows read the remote resource at file:///C:/Users/Me/Documents/Learn/JS/05_03/Backpack.js。（原因：CORS 请求不是 http）。

实际结果

预期结果：

代码在这里：

索引.html

背包.js

脚本.js

../assets/style.css 中的 CSS 文件

我已经搜索了其他几个帖子，但还没有解决我的问题。我在 WSL 中工作，通过 VSCode 也使用 Linux 子系统，实时服务器不会打开它，只是说“端口：5500”，就好像它已连接一样，但没有弹出任何内容。

当我不通过 Linux 子系统使用普通 VSCode 时，Live 服务器工作得非常好。

我已经尽我所能尝试让它工作并且它一直在降低我的性能，因为我必须在 Windows 上的普通代码编辑器上编写我的代码才能使用实时服务器，然后将我的代码复制并粘贴到我的其他文件在我知道这是正确的并且非常乏味之后。

任何了解如何让实时服务器与 WSL 一起工作的人都将是一个巨大的帮助。谢谢你。

Very very new to all of this, When I use image in HTML code and try to open it using VS Code Live Server it doesn't show the image but it works properly when I open the file without LS. I have my root folder called code playground and my image is in sub-folder called images and the HTML code is the sub-folder called code. When I use image in HTML code and try to open it using VS Code Live Server it doesn't show the image but it works properly when I open the file without LS. Here is my HTML code:

我只是在 vs code 的课程中​​编写一些 JS 代码，在尝试 console.log() 后突然遇到了这个问题

我认为问题在于嵌套 for 循环或实时服务器扩展

这是我所期待的

当我在实时服务器中打开 index.html 文件时，会发生变化。有时候body的背景颜色不一样，有时候是某个div的背景颜色。请如果有人遇到这个问题，请帮我解决它

下面是显示当我在实时服务器中打开时它的外观的屏幕截图

我以为是因为我没有指定背景颜色，但事实并非如此，因为我说得很清楚，它仍然看起来像这样。

在这张图片中，错误的是主体的背景颜色和黑色的中央 div，这不是我指定的方式

我真的不确定发生了什么。实时服务器一直默认为它不在端口 5501 上的东西，所以我搜索了堆栈溢出并找到了这个问题的帮助

但是当我去settings.json它看起来不同并且仔细检查它看起来像不同扩展的设置（更漂亮）。

我试过卸载 prettier 和 live-server（和 live sass），但所发生的只是文件保持不变并且它无法识别“esbenp.prettier-vscode”。

我对编程比较陌生，不知道发生了什么？

我猜如果我能得到一份正确的settings.json副本，我可以复制、粘贴、保存它，它会起作用吗？但我在 github 页面上找不到该文件。

谁能帮我吗？

谢谢

编辑： 下面是我当前的代码

我已经安装了 Live Server v5.6.5 和 Live Server Preview v0.1.4。Visual Studio 也是最新版本。

我可以打开 Live Server；它显示了我创建的页面。然而，当我对代码进行更改时，它并没有改变。当我按下“重新加载此页面”按钮时，它也不会改变。只有当我重新打开 Live Server 时它才会改变。

我尝试用 Chrome 和 Microsoft Edge 打开 Live Server，但它仍然是一样的。

任何人都可以帮忙吗？

如何在 Atom 中打开 Live Server？

您好目前，我将文本编辑器从 vs-code 切换到 atom。我不是很了解，我正在学习。

我已经研究过，How to open Live Server in Atom，但没有找到答案。 谁能帮帮我？