问题标签 [atom-liveserver]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
5344 浏览

atom-editor - 尝试在文本编辑器 atom 上使用实时服务器包

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

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

0 投票
1 回答
703 浏览

html - atom-live-server - 找不到资源错误

atom-live-server使用 atom IDE安装

使用 atom IDE,启动atom-live-serverhtml 页面,


在哪里code.js


在控制台中给出以下错误,


为什么实时重新加载服务器搜索资源favicon.ico

0 投票
1 回答
332 浏览

atom-liveserver - Windows 10-atom-live-server 未启动

每当我单击如图所示的启动服务器按钮时,什么都没有发生并且服务器没有启动
我已经在我的笔记本电脑上安装了 atom-live-server,但是服务器没有启动。我正在尝试从 atom 启动服务器。我在 Toggle 命令面板中检查了任何不兼容的包视图,但它显示每个包都很好并且兼容。请帮助.. 我正在使用 Windows 10 64 位配置。

0 投票
0 回答
130 浏览

html - VS Code 实时服务器输出与自行打开 index.html 文件之间的差异

我有一个完全使用 w3.css 提供的 css 模板构建的网站。我有多个样式表,直接链接到 w3.css 提供的在线 css 文件,但我没有 css 文件夹。我有一个包含所有图像的图像文件夹。

目前,当我使用 VS Code 的实时预览插件加载网站时,网站显示完美,但是当我手动打开 index.html 文件时,图像/css 似乎存在问题。为什么会这样?

这是我的样式部分的简短内容。

这是图像未显示的众多图像标签之一。

0 投票
1 回答
32 浏览

atom-editor - Atom 实时服务器显示“不是 WebSocket 请求”消息

我已经使用atom-live-server了大约一年,一切都很好。但我刚刚更新了我的 Linux Manjaro(我经常每月至少更新一次),之后atom-live-server就停止了工作,只在浏览器的上角显示了一个带有消息“不是 WebSocket 请求”的白页。我测试了不同的端口和项目,但没有任何改变。我在其他任何地方都没有发现类似的问题。有人对这个问题有任何想法吗?

谢谢

0 投票
0 回答
151 浏览

javascript - 反应未在 atom-live-server 上加载

刚刚开始使用 React,我正在构建一些非常简单的东西来验证一切是否正常。我有以下内容:

我正在使用 live-server 从 atom 运行这一切,我可以看到标题和标题,但是带有 react 的 js 脚本没有加载。我用开发者工具检查,控制台没有报任何错误,网络选项卡没有4XX或5XX代码。我发现潜在的错误可能是代码片段工具中的“未捕获的语法错误:无法在模块外使用导入语句”。尝试了很多东西,但不确定如何解决。

我可能遗漏了一些东西,但不确定是什么。有任何想法吗?

0 投票
0 回答
13 浏览

atom-editor - 为什么两个 console.log() 语句都在 atom live server 中显示 id

代码在片段中正常工作,但使用 atom-live-sever 我得到了两个 console.log() 调用上显示的 id

0 投票
0 回答
22 浏览

atom-editor - atom 无法识别根目录

我有以下内容:

.atom-live-sever.json

但这不起作用。它显示在浏览器 index.html 中。

如果我将json更改为:

它显示 index2.html

这是 atom-live-sever 中的错误吗?

0 投票
0 回答
46 浏览

visual-studio-code - settings.json 用于不同扩展的实时服务器问题

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

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

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

我对编程比较陌生,不知道发生了什么?

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

谁能帮我吗?

谢谢

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

0 投票
1 回答
39 浏览

javascript - vscode live-server extension v5.6.1 fails to resolve 'axios' JavaScript import

I installed axios via npm and when I run the live-server extension it doesn't recognize the axios imports in my .js files. When I use the "import axios from 'axios'" command I get this error: "Uncaught TypeError: Failed to resolve module specifier "axios". Relative references must start with either "/", "./", or "../"." any ideas?

package.json:

import example: