此问题已在此处有答案：
Issue with navigating to a new page in Next.js（1个答案）
Next.js Router - Getting 404 page not found（1个答案）
4天前关闭。
我刚开始使用React和Next.js开发一个Web应用程序。我通过运行npx create-next-app命令创建了这个应用程序。接下来，我在应用程序主页page.tsx的同一目录中添加了一个新网页my-new-page.tsx。
请注意，此应用使用App Router而不是Pages Router。
(You可以在github.com/thomzi12/app-with-new-page上看到这个应用）
当我运行npm run dev时，我可以看到在http://localhost:3000/处渲染的page.tsx。有道理
但是，当我去http://localhost:3000/my-new-page...我得到一个404。
如何访问我刚刚创建的页面？
一些假设：
- 我需要将新页面添加到一些配置？但是我没有看到任何地方注册的page.tsx，所以这不是问题所在？
2条答案
按热度按时间n3schb8v1#
您需要添加一个名为
app-with-new-page的文件夹，并在其中添加另一个page.tsx。您可以在official documentation中了解有关Next.js路由约定和模式的更多信息。gorkyyrv2#
我认为你正在使用Nextjs 13和新的应用程序目录。
Nextjs 13有基于文件夹的路由。应用程序目录中的每个文件夹都充当一个路由（URL），如果它有page.tsx||（.js|.ts|.jsx）。
在本例中，在app目录中创建一个名为
my-new-page的文件夹，并在其中创建页面组件page.tsx或page. jsx。现在您可以在http：//localhost：3000/my-new-page访问此页面
希望这能帮上忙。
如果您仍有问题，可以进一步留言