NextJS 类型错误：找不到名称“NextApplicationPage”答案

【问题标题】：NextJS type error: Cannot find name 'NextApplicationPage'NextJS 类型错误：找不到名称“NextApplicationPage”
【发布时间】：2021-11-18 06:35:29
【问题描述】：

const { Component, pageProps}: { Component: NextApplicationPage; pageProps: any } = props

当我编写上述代码并将组件类型设置为 NextApplicationPage 时。我收到一条错误消息， 找不到名称“NextApplicationPage”

我必须对 Component 使用上述类型，因为我必须从 Component 访问 requireAuth 属性

请帮忙

【问题讨论】：

问题包含的细节非常少。您可以尝试导入NextApplicationPage 的类型还是尝试执行{ Component: typeof import(NextApplicationPage)}

标签： reactjs typescript next.js

【解决方案1】：

你可以扩展 next 的 props：

import { AppProps } from "next/app"
import { NextPage } from "next"
...

export type NextApplicationPage<P = any, IP = P> = NextPage<P, IP> & {
  requireAuth?: boolean
}
...

const { Component, pageProps }: { Component: NextApplicationPage; pageProps: any } = props as AppProps

【讨论】：