inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

Vercel 배포

build 오류

해결된 질문

384

br

작성한 질문수 26

0

$ npm run build

> instagram-clone@0.1.0 build
> next build

  ▲ Next.js 14.2.12
  - Environments: .env

   Creating an optimized production build ...
 ✓ Compiled successfully
   Linting and checking validity of types  .Failed to compile.

   Linting and checking validity of types  ...next/types/app/page.ts:8:13
Type error: Type 'OmitWithTag<typeof import("D:/Study/React/next/Supabase/instagram-clone/app/page"), "config" | "generateStaticParams" | "revalidate" | "dynamic" | "dynamicParams" | "fetchCache" | "preferredRegion" | ... 6 more ... | "generateViewport", "">' does not satisfy the constraint '{ [x: string]: never; }'.
  Property 'matadata' is incompatible with index signature.
    Type 'Metadata' is not assignable to type 'never'.

   6 |
   7 | // Check that the entry is a valid entry
>  8 | checkFields<Diff<{
     |             ^
   9 |   default: Function
  10 |   config?: {}
  11 |   generateStaticParams?: Function

빌드할때 오류뜹니다

.next 안에 있는 오류인데 지웠다 다시 해도 똑같아요

어떻게 해야 할까요??

firebase next.js tailwind-css react-query supabase

답변 2

0

로펀

typing 오류같아 보입니다. ping pong을 여러번 해야 하는 오류일 것 같은데 슬랙 채널로 Github Repository 링크와 함께 다시 질문주시면 디버깅을 같이 도와드리겠습니다 😄

1

br

감사합니다 해결했어요

메타데이터 오류 같아서 코드 지웠다가 다시 했는데 이유는 모르겠지만 갑자기 빌드가 됐습니다 오타가 있었나 봅니다

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. br님.

Next.js 프로젝트를 빌드하는 과정에서 발생하는 오류에 대해 도움을 드리겠습니다. 제공하신 오류 메시지를 보면 .next/types/app/page.ts 파일의 metadata 속성과 관련된 타입 문제로 인해 빌드에 실패하고 있는 것으로 보입니다.

이와 유사한 문제에 대한 해결 방법을 다룬 게시물이 있어 공유드립니다.

관련 질문 URL:
1. Next.js 빌드 오류 - 타입 문제 해결 방법

해결 방법은 보통 두 가지로 나뉩니다:
1. metadata 속성 확인 및 수정:
- Metadata 타입이 올바르게 정의되어 있는지, 해당 속성에 never 타입이 잘못 할당되어 있는지 확인합니다.
2. 타입스크립트 설정 검토:
- 프로젝트의 tsconfig.json 파일에서 strict 옵션이나 다른 설정들이 metadata 타입과 충돌할 수 있는 지 확인합니다.

자세한 답변은 아래 링크를 확인해 보시기 바랍니다:
- Lint 및 타입체크 오류 해결 방법

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

Recoil 에러

0

93

1

투두 리스트 ui 작업 중에 material-tailwind가 리액트와 호환 문제가 있는지 리액트 19에서 18로 낮춰도 인풋과 아이콘 버튼 컴포넌트가 제대로 표시되지 않아요 ㅜㅜ

0

100

1

supabase 오픈 소스 사용에 대해서

0

113

0

next와 react query 버전 업데이트 관련 질문

0

89

1

Vercel 무료버전 서버속도

0

609

2

material 붉은 밑줄

0

135

2

파일 이름이 한글일 때 에러 발생

0

283

2

recoil 타입 에러

0

125

2

강의 code 올려논 github 있나요 ?

0

126

2

아니... 강의 자료가 없나요?

0

215

3

무한스크롤 기능, 검색기능 대소문자

0

118

1

smtp부분

0

108

2

모듈 에러

0

179

2

20:34초에 await이 아무 효과가 없다고 뜨는데 사용하신 이유가 궁금합니다

0

188

2

latest 버전 변경에 따른 프로젝트 설정 방식 업데이트 가능하신가요

0

171

2

개인 개발자 비즈 앱 전환 버튼이 안보여요

0

280

2

supabase에서 가입된 유저를 강제로 로그아웃 시키는 방법?

0

446

2

메세지를 전송하면 DB에는 남는데 화면에 보이지 않아요.

0

161

2

6:29 movie-card-list.tsx파일작성하시기전에

0

97

2

todolist할때 컴포넌트 분리 안했던 것 같은데...

1

147

2

vscode에서 @material-tailwind/react component를 가져왔을 때 뜨는 빨간줄 제거할 수는 없나요?

0

329

2

searchMovies에서 hasNextPage가 필요한 이유

0

149

2

react 19버전에서는 recoil사용이 어렵나요?

0

1522

2

netflix clone 할 때 recoil을 하는 순간 에러가 없어지지 않아요

2

338

3