我有以下 page.tsx (app/register/page.tsx)
import Form from './form'
const user = null;
const page = () => {
if (!user) {
throw new Error('OOPS');
}
return (
<div className='w-[300px] min-h-[400px] mx-auto mt-10'>
<Form />
</div>
)
}
export default page
我还创建了 error.tsx 页面
"use client"
const error = ({error,reset}: {error: Error, reset: () => void}) => {
<div className=" text-2xl text-black w-full bg-pink-600 h-10">Error</div>
}
export default error;
但什么也没显示出来。我只想测试我的 error.tsx 页面是否有效。但目前它不起作用。
我尝试将 page.tsx 更改为异步函数,但它不再起作用。另外我想问一下,如果我在 api 文件夹中抛出错误,然后我在 page.tsx 中获取数据并点击 api 路由,该错误是否会得到处理