next.js 为什么我的上下文为null?类型错误:此.context为空

yhived7q  于 2023-03-02  发布在  其他
关注(0)|答案(1)|浏览(168)

我是Next Js和TypeScript的新手,我收到以下错误:

Unhandled Runtime Error

TypeError: this.context is null

这是我的布局.tsx:

import { FC } from 'react'
import  { Head } from 'next/document'
import { Box } from '@mui/material'

interface Props {
    title?: string;
    children?: React.ReactNode;
}

export const Layout:FC<Props> = ({ title = "Open Jira", children }) => {
  return (
    <Box sx={{ flexGrow: 1 }} >
        <Head>
            <title>{ title }</title>
        </Head>

        <Box sx={{ padding: '10px 20px' }}>
            {children}
        </Box>
    </Box>
  )
}

此错误是打字错误还是与下一个错误相关?

rqdpfwrv

rqdpfwrv1#

通过变更解决:

import { Head } from 'next/document'

用于:

import Head from "next/head";

相关问题