问题标签 [npm-live-server]

我正在尝试设置一个 reactjs 项目并使用实时服务器。我的项目结构 -

我的 package.json 文件 -

我在一个 cmd 上运行“npm run build”，然后在另一个上运行“npm run server”。它给出了错误-

我究竟做错了什么？

对于我的 Web 应用程序，我使用的是“live-server”：“^0.9.2”，这是包 json 文件，

当我执行命令“npm start”时，实时服务器启动并且网页启动@ http://127.0.0.1:8080/

现在，每当我更改 html/css 的内容时，不会发生更改检测，也不会刷新浏览器内容。

可能是什么原因？如何解决它。谢谢！！！

我正在尝试学习反应，所以我有这个全栈反应投票应用程序的示例代码，我试图让它工作，但是在运行 npm install 和 npm start 之后，我在运行npm startcan时收到以下错误任何人都可以帮我解决这个问题：

这是我的 package.json：

最后是我的日志文件：

我一直在使用带有 VS Code 的实时服务器来调试一些网页。一切都很好，我live-server从页面目录中的命令行运行，Chrome 用该页面打开了一个新标签。

然后突然停止工作！我虽然有点奇怪，所以我再次安装了 Nodejs，之后出现了一个问题。服务器正在工作，但无法打开 Chrome（或任何其他浏览器）

我尝试使用 BrowserSync 而不是 live-server 并且再次，服务器工作但它无法自动打开 Chrome

我总是可以手动输入http://localhost:3000，但我不应该（因为它以前工作过）

我已经尝试卸载和安装 live-server 和 browserSync，Chrome。刷新我的 dns，检查恶意软件，检查 Windows 防火墙是否阻止了任何相关的东西，以及其他一些对我没有做任何事情的事情，我仍然得到：

Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

如此处所见

有人可以告诉我可能导致此问题的原因或我应该如何尝试解决它？

我对 Git 很陌生，我刚刚安装了实时服务器并通过终端运行它。我注意到它只运行 .html 文件而不是 .php 文件。它基本上跳过了阅读它们，所以它没有运行 index.php，而是给了我一个目录列表。如果我使用 html 文件，它可以正常工作。有什么解决方法吗？

我喜欢 live-server 作为在进行更改时自动更新项目的工具，但我不能再使用它了，因为它在我的 Mac 上刷新得太频繁（大约每 10-15 秒）。

我找不到发生了什么变化，甚至找不到任何文件实际上正在发生变化。我认为它可能正在检测 .DS_Store 但查看这些文件，它们中没有一个修改时间晚到足以成为罪魁祸首。详细的日志只是显示我项目中的几乎所有文件夹都同时更改了。我只知道我没有手动更改任何内容。

任何人对“更好的”reload-on-change CLI 选项有任何想法甚至建议？

当我从笔记本电脑启动 npm live-server 时，一切运行正常，但是当我在 iPhone 的浏览器 127.0.0.1:8080 上键入地址时，它说找不到该地址。

我记得之前从终端运行实时服务器时，您也可以从移动设备上看到网页。我不用file://来运行页面。

感谢帮助。谢谢

尝试在 Visual Studio Code 中调试一个简单的 HTML 和 JavaScript 项目。在 VS Code 终端窗口中，“live-server”用于启动“index.html”。在 VS Code 中，安装并配置了“Debugger for Chrome”。即使在 Chrome 浏览器中启动该页面后，调试器也不会附加并给出错误消息“无法连接到运行时进程，10000 毫秒后超时 - （原因：无法连接到目标：连接 ECONNREFUSED 127.0.0.1:9222） .'.

启动.json

Chrome 的快捷方式已修改为包括--remote-debugging-port=9222

是否可以在 JavaScript 文件的 VS Code 中使用“实时服务器”并调试或设置断点？

我开始使用 VS Code，所以我没有很多经验。看起来我需要手动添加我需要的一切。来自 Visual Studio，一开始这有点奇怪，尽管我看到了好处。

我选择 Live Server ( https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer ) 作为我将在 Visual Studio Code 中处理的项目的 Web 服务器。不确定这是否是一个不错的选择，但评价很高。

这是我遇到的问题：当我启动 Live Server 时，我可以html在根目录中提取我的文件，但 Live Server 拒绝加载bundle.js也在根文件夹中的文件。

它不会bundle.js通过index.html引用此文件的页面加载js文件。如果我只是在浏览器中键入 URL，它也会拒绝加载它，bundle.js即http://127.0.0.1:5500/bundle.js. 当我尝试bundle.js通过浏览器访问文件时，我得到：

无法获取 /bundle.js

当我在 Chrome 中启动开发人员工具时，我看到以下内容，但是当我转到实际文件夹时，我看到该文件在那里。

知道为什么会发生这种情况以及如何解决吗？

Friends-MacBook-Pro:~friend$ npm install -g live-server

/Users/friend/.npm-global/bin/live-server -> /Users/friend/.npm-global/lib/node_modules/live-server/live-server.js

• live-server@1.2.0 在 15.078s Friends-MacBook-Pro 中更新了 1 个包：~friend$ live-server -v

-bash：实时服务器：找不到命令

Friends-MacBook-Pro:~friend$ npm install -g create-react-app /Users/friend/.npm-global/bin/create-react-app -> /Users/friend/.npm-global/lib/node_modules /create-react-app/index.js + create-react-app@1.4.3 13.884s 新增 106 个包

╭──────────────────────────────────╮ │ │ │ 更新可用 5.5.1 → 5.6。 0 │ │ 运行 npm i -g npm 更新 │ │ │ ╰────────────────────────────────── ──╯</p>

Friends-MacBook-Pro:~friend$ npm i -g npm + npm@1.0.0

在 1.566 秒内添加了 1 个包

Friends-MacBook-Pro:~friend$ create-react-app newtypelabs.io

-bash：create-react-app：找不到命令