由于所有的页面文件都命名为index.js，文件选项卡部分充满了index.jses，你不能弄清楚哪个文件属于哪个页面，你必须打开并查看选项卡才能了解。
这种做法很糟糕，有什么解决办法吗？

在开始使用nextjs之前，我创建了两个文件，index.js和我想要的文件名，其中index.js只是一个占位符文件，它从另一个文件导出组件。例如：

users/
  index.js
  users.js

users.js

export default function Users(){
  // ...
}

index.js

export { default } from './users.js'

至少，这在VS Code的选项卡面板中显示了users.js，这很有意义。

但是你不能用nextjs这样做，因为它会认为这是一个有效的路径。