leeyounagh
commented
4 months ago You are attempting to export "metadata" from a component marked with "use client", which is disallowed. Either remove the export, or the "use client" directive. Read more: https://nextjs.org/docs/getting-started/react-essentials#the-use-client-directive
╭─[C:\Users\dudgk\web-frontend\web\src\app\layout.tsx:6:1]6 │ import { ThemeProvider } from "styled-components"; 7 │ import { useTheme } from "@/shared/lib/theme"; 8 │ 9 │ export const metadata: Metadata = { · ──────── 10 │ title: "Linkedout", 11 │ description: "개인의 성장과 자기 이해를 돕는 에세이 작성 플랫폼", 12 │ manifest: "/manifest.json", ╰──── 문제2 meta data를 client 컴포넌트에서 쓸수 없음 해결방법 따로 metadata를 분리해서 서버컴포넌트에서만 사용할수 있도록 함
문제점 1 next js에선 swc 설정을 했는데 테스트코드 작성을 위해선 babel이 필요했음(jest에서 swc styled component를 지원 하지 않는것 같음) 따라서 babel.config.js를 추가했으나 프로덕션 레벨에서 swc가 아닌 babel이 빌드가 되는 문제가 생겼다.
해결방법 babel.config.js를 삭제하니 해결 +추가로 따로 babel.cofig를 만들필요없고 jest config파일에 설정하면됨