Web/프로젝트구현
TypeError: Cannot destructure property 'styles' of 'this.context' as it is null.
HAN_PY
2023. 3. 12. 17:00
반응형
Nextjs에서 TypeError: Cannot destructure property 'styles' of 'this.context' as it is null. 에러를 만났다면 해결책은 어렵지 않다.
<head /> 셋팅을 잘못해서 그렇다. _document 파일에서는 아래와 같이 셋팅을 하는 것이 맞다.
import { Html, Head, Main, NextScript } from "next/document";
하지만 _document 파일 이외의 장소에서는 위에처럼 쓰면 안된다. 아래와 같이 사용하면된다. _app 파일을 예로 들면 아래와 같이 next/document 가 아닌 next/head로 사용을 하자.
import "@/styles/globals.css";
import type { AppProps } from "next/app";
import Head from "next/head";
export default function App({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>Welcome to hanpy </title>
<link rel="shortcut icon" href="/favicon.png" />
</Head>
<Component {...pageProps} />
</>
);
}반응형