我对 Next.js 和 Web 开发总体来说是新手，所以如果我的问题看起来很基本，请耐心等待。我已按照安装指南成功创建了我的第一个 Next.js 应用程序。但是，在更改位于 src/app/page,js 中的 page.js 文件后，我遇到了自动重新加载的问题。
问题：使用 Visual Studio Code 修改项目中的文件并保存后，我希望看到更改自动反映在浏览器中。但是，只有当我使用 npm run dev 停止并重新启动开发服务器时，更改才会出现。
我尝试过的： 我已确保在进行更改后保存文件。 我查看了文档和论坛以了解自动重新加载是否需要任何其他配置，但我找不到解决方案。
我的设置： 使用命令 npx create-next-app@latest 创建 Next.js 应用程序时，我选择不包含 TypeScript 和 Tailwind CSS。这就是我所做的所有改变。 我使用 Visual Studio Code 作为代码编辑器。 我正在使用 npm run dev 运行开发服务器。
此视频显示了我的问题：https://streamable.com/fmr0p0
我修好了。这很尴尬，但由于我对此很陌生，所以我不知道。我正在使用 WSL。我一直在 Windows 上使用和存储文件。如果有人遇到这个问题，那是因为 你需要将文件存储在 Ubuntu/Linux 中的某个位置。 /home 目录就可以了。