为什么我必须重新启动 Next.js 开发服务器才能看到更改？

Question

我有一个 Next.js 项目，直到最近浏览器中不再显示更改为止，该项目一直是我非常喜欢的工作。通常浏览器会热重载，但现在即使点击刷新也不会显示代码的更改\xe2\x80\x94我必须关闭开发服务器并npm run dev再次运行才能显示更改。这不会发生在我的所有 Next.js 项目\xe2\x80\x94 中，只是其中之一。

\n

我尝试删除该.next/目录，但这并没有解决问题。我还有什么其他想法可以让这一切恢复正常吗？

\n

\n
• 下一个 12.1.0
\n
• 节点14.18.1
\n
• macOS 12.3
\n

\n

Answer 1

我遇到过同样的问题。就我而言，这是区分大小写的。

事实证明，我重命名了我的一个组件，其中新名称仅将一个字母从大写更改为小写（例如MyCOmponent.tsx-> MyComponent.tsx）。

我在所有地方都进行了所有更改，但漏掉了其中一个页面中组件的导入路径。我有：import MyComponet from '../../MyCOmponent.tsx'

重新启动服务器时一切仍然有效，但热重载甚至浏览器刷新都不起作用，与OP相同。修复错字就解决了一切。