为什么Next.js项目页面修改后未生效？

• 浏览器缓存问题：浏览器可能留存了旧页面缓存，按Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制刷新页面，清除缓存后再查看。
• 文件路径错误：
  • 若使用Next.js 12及更早版本，页面文件需在pages目录下的index.js；
  • 若为Next.js 13+的App Router模式，页面入口是app目录下的page.js，你可能修改了错误的文件。
• 开发服务器异常：开发服务器可能未检测到文件变化，关闭当前npm run dev进程，重新启动服务器，确保热重载功能正常。
• 样式影响显示：打开浏览器开发者工具的元素面板，确认"Hi"元素是否存在，是否被styles.container的样式（比如隐藏、定位偏移等）导致无法正常显示。

内容的提问来源于stack exchange，提问作者Nasem