问题标签 [npm-live-server]

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 投票
1 回答
43 浏览

html - 在 Live Server 中打开和在默认浏览器中打开有什么区别

我的网站在 vsc 实时服务器和普通浏览器上显示出差异。

这是 Live Server在此处输入图像描述

这是正常的浏览器在此处输入图像描述

为什么这两者有不同?我应该使用哪一个

0 投票
0 回答
150 浏览

visual-studio-code - Live Server 无法在 Windows 11 和 WSL2 上的 Chrome 中打开

我在 Windows 11 上的 WSL2 中工作,尝试index.js使用 Live Server 运行文件。每当我打开 Live Server 时,似乎只有在使用 Microsoft Edge 时才能这样做。这似乎增加了另一层问题,因为 JavaScript 似乎没有像我预期的那样工作。例如,如果我单击一个button元素,我看不到任何表示“单击”的动画。

我已经检查"liveServer.settings.CustomBrowser": "chrome"过 VS Code 设置中确实反映了 Chrome,但是在这种情况下,根本没有弹出窗口。我唯一看到的触发器是一个通知,它告诉我服务器在端口 5000 上处于活动状态,只是没有弹出窗口来证明这一点。理想情况下,我想尝试使用 Chrome 打开 Live Server,但如果这在 Windows 11 中不可能,那么有没有办法让 JavaScript 在 Microsoft Edge 中运行?

0 投票
2 回答
116 浏览

javascript - Node Live-server 突然停止工作,现在显示奇怪的东西

我最后一次使用它是在上周星期三我工作的时候,它工作得非常好,没有任何问题。现在我今天回来并想开始它live-server在控制台中显示符号,甚至等待 5 分钟没有其他任何事情发生。

出现的奇怪的东西

它尝试使用 powershell 而不是命令提示符。起初它告诉我脚本被禁用,所以我搜索了它,启用了脚本,然后在命令提示符下发生了完全相同的事情。

我没有发现任何关于这个奇怪问题的信息。我什至安装了它的最旧版本,但没有任何改变。

就上下文而言,这个问题不会发生在我的笔记本电脑上,但它会发生在我家里的台式机上。我的台式机和办公电脑在硬件方面都有几年的历史,但除了 windows 10 pro 之外再没有什么不同了。

0 投票
0 回答
23 浏览

visual-studio-code - 为什么我必须重新启动实时服务器才能看到更改?

我有一台新笔记本电脑并安装了 VSCode 和 nodeJS 以继续我的项目。不幸的是,我每次都必须重新启动服务器才能看到我保存的更改。以下是控制台中显示的内容:

[HMR] 等待来自 WDS 的更新信号......

我还下载了实时服务器扩展。当我开始这个时,我在控制台中收到以下错误消息:

加载资源失败:服务器响应状态为 400(错误请求)。

有人可以帮帮我吗?

0 投票
1 回答
12 浏览

android - 将 Android 虚拟设备连接到 Live Server

我是一名新手程序员,试图用 vanilla JS 编写一个前端 Web 应用程序,它可以在 iOS 和 Android 上调整大小、看起来很棒并且功能正常。具体来说,我正在解决浏览器在屏幕键盘打开时如何更改焦点位置的问题。

目前,我可以在 Xcode 中打开模拟 iPhone 并导航到实时服务器 IP/端口,但是我无法使用 Android Studio 对 Android 虚拟设备执行相同操作。在搜索栏中输入 IP/端口时,我收到一条错误消息,提示连接被拒绝。

我的目标是让 iPhone 和 Android 虚拟设备能够响应我每次保存时在代码中所做的更改,这样我就可以确定修复我在野外遇到的错误的最佳方法。不会出现在我笔记本电脑上的 Chrome 开发工具中。

我花了一些时间在谷歌上搜索这个问题,但我认为我缺乏找到解决方案所需的词汇。您能否帮助我了解我需要搜索什么才能找到解决方案或指向 Android Studio 文档的有用链接?

0 投票
1 回答
22 浏览

html - 不允许在控制台中加载本地资源以在 vs studio 中使用实时服务器

在此处输入图像描述

我尝试通过更改 IP 地址并更改默认浏览器,但仍然无法正常工作。

0 投票
2 回答
38 浏览

node.js - 使用 live-server 从本地服务器获取请求

我正在尝试从本地服务器获取数据,这是我的服务器以及我如何处理 GET 请求:

当我运行我的服务器并向这个地址发送 GET 请求时:使用 Postman 的 127.0.0.1:3000/api,它运行良好。

问题是我创建了一个 html 页面和一个 js 文件,并希望通过它从我的本地服务器获取数据。这是我对我的 js 文件的获取请求:

我使用默认在端口 5500 上运行的实时服务器(扩展)运行我的 html 文件,因此我的获取请求的地址将是 127.0.0.1:5500/api(而不是 127.0.0.1:3000/api),所以它不存在,我收到一条错误消息。

我尝试更改服务器的端口并将其设置为 5500(与 live-server 相同)但它不起作用。

如何运行我的本地服务器并使用实时服务器和我的 html 文件向它发送请求?

0 投票
0 回答
26 浏览

javascript - 如何在 esbuild 中使用 React Routes?

我正在使用 esbuild 创建 React 应用程序,它运行良好,但是,当我尝试在应用程序上启用 react-router 时,它可以是构建器并且可以工作,但我无法在路由之间移动,初始配置:

我的路线是声明的:

但服务器给了我:Cannot GET /register

0 投票
1 回答
38 浏览

npm - '..' 不是内部或外部命令、可运行程序或批处理文件。(精简服务器)

我正在关注这个松露宠物店教程

当我尝试时npm run dev,我收到以下错误消息:

该文件夹不在Desktop.
我已经尝试npm install lite-server@2.3 --save-dev
过从朋友的 git 下载项目,.gitignore 只包括node_modules/

0 投票
1 回答
26 浏览

node.js - npm 错误!“npx live-server”时的代码 EPERM

我正在尝试做“npx live-server”。但它失败了。这可能是我的用户名(带有空格)的问题。所以我按照npm - EPERM mkdir: operation not allowed on Windows中的步骤操作。我在本地机器上更改了我的用户名,然后运行 npm config set cache "C:\Users\Firstname~1\AppData\Roaming\npm-cache" --global

但在 git bash 中,它仍然显示带有空格的原始用户名。任何人都可以帮我解决这个问题!!! 在此处输入图像描述

在此处输入图像描述

太感谢了!