Next.js 不自动刷新

Question

我在使用 Next.js 时遇到问题，基本上它不会在我进行更改时自动刷新本地主机索引页面。

我使用 npx create-next-app --use-npm 创建了一个 Next.js 应用程序。我使用 npm start 启动了本地服务器，然后我编辑了 index.js 文件中的 h1 标签，将其从 <h1>First Page</h1> 更改为 —be325481389a87aa47bebdf4f12 <h1>Second Page</h1> 然后我保存了文件。

但是，我的本地服务不会自动刷新并反映我刚刚所做的更改。我必须运行 npm run build 然后 npm run start 才能看到变化。

感谢任何建议，或者为我指出解决此问题的正确方向，因为无法看到自动刷新确实减慢了开发过程:(

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

Answer 1

你必须使用 npm run dev

这些脚本指的是开发应用程序的不同阶段：

dev - 运行 next dev 以开发模式启动 Next.js

build 运行下一个构建，构建用于生产的应用程序

start - 运行 next start 启动 Next.js 生产服务器

来源： https ://nextjs.org/docs/getting-started

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

Answer 2

您需要将其添加到 package.json

   "scripts": {
    "test": "jest",
    "dev": " next dev -p 8000",
    "build": "next build",
    "start": "next start",
  }

然后 npm run dev

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