Question

我尝试在实时服务器上工作，使用以下命令安装了名为live-server的节点软件包：npm install -g live-server

它工作正常，安装成功，并通过live-server命令运行live-server。

每当我更改代码并保存在代码编辑器中时，浏览器都不会自动刷新。

这是我的package.json文件：

"name": "nodejs",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Abul Khoyer",
  "license": "ISC"
}

Answer 1

您需要添加以下代码：

从节点使用

示例：

var liveServer = require("live-server");

var params = {
    port: 8181, // Set the server port. Defaults to 8080.
    host: "0.0.0.0", // Set the address to bind to. Defaults to 0.0.0.0 or process.env.IP.
    root: "/public", // Set root directory that's being served. Defaults to cwd.
    open: false, // When false, it won't load your browser by default.
    ignore: 'scss,my/templates', // comma-separated string for paths to ignore
    file: "index.html", // When set, serve this file for every 404 (useful for single-page applications)
    wait: 1000, // Waits for all changes, before reloading. Defaults to 0 sec.
    mount: [['/components', './node_modules']], // Mount a directory to a route.
    logLevel: 2, // 0 = errors only, 1 = some, 2 = lots
    middleware: [function(req, res, next) { next(); }] // Takes an array of Connect-compatible middleware that are injected into the server middleware stack
};
liveServer.start(params);

否则，您可以添加文件 .live-server.json ：

如果存在，它将被加载并用作命令行中实时服务器的默认选项。

有关更多详细信息，请参见：https://www.npmjs.com/package/live-server

Answer 2

使用NPM安装名为PM2的软件包。

NPM是一个软件包管理器，您将使用该软件包管理器来安装框架和库以与Node.js应用程序一起使用。 NPM与Node.js一起安装。 PM2是一个可爱的小工具，它将为您解决两个问题：

如果崩溃，它将通过重新启动应用程序来保持站点正常运行。这些崩溃不应该发生，但是很高兴知道PM2可以帮助您。（有些人可能知道Forever.js，这是用于使基于节点的站点保持运行的另一种工具-我认为您会发现PM2提供了很多功能。）
它将在每次重新启动服务器时将节点应用程序作为服务重新启动，从而为您提供帮助。一些使用者知道执行此操作的其他方法，但是pm2使其更容易，并且具有更多的灵活性。

通过在命令行中键入thr来安装PM2：

sudo npm install pm2 -g

您可以按照以下步骤设置Nodejs生产环境： https://www.digitalocean.com/community/tutorials/how-to-use-pm2-to-setup-a-node-js-production-environment-on-an-ubuntu-vps

Answer 3

我遇到了与您相同的问题，并通过确保.html文件格式正确而设法使其正常工作。即像这样：

<!DOCTYPE html>
<html>
<body>
    <h1>Script tester!</h1>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

Answer 4

如果您像我一样在Windows 10上工作，则目录名称可能太长，如下所示：

C：\ Users \ Del \ Documents \ Web Development Works \ JS 练习[书] \学习JavaScript \ lj

只需尝试将目录移至桌面，这样它将变得更短：

C：\ Users \ Del \ Desktop \ lj

就我而言，将目录移动到桌面后，实时服务器的自动重新加载正在工作

Answer 5

检查html文件中的脚本标签。不要像这样那样将标签关闭为空元素。这阻止了我的浏览器自动加载页面。正确关闭<>。

Answer 6

我和你有同样的问题，我通过检查两个项目解决了这个问题：

首先，检查 HTML 文件中的脚本标签！

    <script type="text/javascript" src="script.js"></script>

如果您尝试第一步并且它再次不起作用，请在“桌面”中移动（复制/剪切）您的项目文件，关闭浏览器，VScode工作区（command+K+F）和VScode（command+Q），然后再试一次！

npm live服务器无法自动重新加载

6 个答案: