Next.js：修改文件后刷新页面，无需重新运行“npm run”

Question

我一直在为前端使用普通的 LAMP 堆栈和 javascript（和 jQuery）构建网站。但我也想尝试在后端使用 javascript。我刚刚开始学习 next.js。

在以前的方法中，如果我修改了一个 php 文件，要查看效果，我只需刷新网络浏览器即可。但我注意到，使用 next.js 时，您无法立即看到变化。我必须停止 npm 脚本，重新运行“npm run xxx”命令，然后刷新浏览器。这有点费时间。

有没有办法使这个过程自动化？

原文由 develobster 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

@Rudi 的回答是正确的，我还要补充一点，您要确保最终运行的命令是 next ，而不是 next start 。不同之处在于 next 用于开发模式，而 next start 用于生产模式。在生产模式下，它不会监视您的文件是否有更改。

通常，您在 package.json 的脚本部分引用了这些命令：

 {
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

然后您实际输入并运行的命令将是 npm run dev 用于本地开发或 npm run build; npm run start 用于生产模式。

如果这不适合您的使用，并且即使在开发模式下您也必须重新启动服务器，那么您的设置可能有问题。

原文由 Nathan Friedly 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

导致这种情况的一个常见问题与意外导入组件和使用小写/大写命名约定进行小错字有关。

例如，您将名为 Navigation 的组件导入为 navigation 。

这仍将导入 Navigation ，但实时重新加载将被破坏。

原文由 Ben Quirk 发布，翻译遵循 CC BY-SA 4.0 许可协议