当我尝试在新的 nextjs 13.5.4 中编写简单的路由时，为什么会出现运行时错误？

Question

在尝试创建简单的路由 app/dashboard/page.tsx 时出现此错误，其中发生错误，指出内容不是有效的反应组件，而它们实际上是有效的反应组件语法

Unhandled Runtime Error
Error: The default export is not a React Component in page: "/dashboard"

Call Stack
ew
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:19957)
async
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:20643)
async ew
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:20409)
async
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:20643)
async ew
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:20409)
async O
/Users/mac/Documents/nextjs/rico_sub/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js (13:25264)

Answer 1

您需要定义一个函数并将其导出，如下所示

导出默认函数page() { 返回 （ //HTML代码 ） }