小编Saf*_*kar的帖子

类型错误:页面“...”具有无效的“默认”导出:类型“...”在 Next.js 中无效

我有一个用于注册页面的功能组件。我正在尝试为该组件声明 props,以便我可以从另一个组件向其传递适当的值。这就是我正在做的:

export default function SignupPage({mode = 'patient'} : {mode: 'patient' | 'doctor'}) {
 {/* CODE FOR SIGNUP PAGE HERE */}
}
Run Code Online (Sandbox Code Playgroud)

正如代码所示,我希望 的默认mode值为patient。它应该始终是 或patient之一doctor

当我使用 运行此代码时npm run dev,一切正常。当我尝试使用 构建时npm run build,我收到以下错误:

- info Linting and checking validity of types ...Failed to compile.

app/signup/page.tsx
Type error: Page "app/signup/page.tsx" has an invalid "default" export:
  Type "{ mode: "patient" | "doctor"; }" is not valid.
Run Code Online (Sandbox Code Playgroud)

我已经尝试了多种方法,例如声明interfaceand typewith …

javascript types typescript reactjs next.js

8
推荐指数
1
解决办法
5945
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1

types ×1

typescript ×1