<Build Error 해결> Meterial-tailwind 태그의 property type 에러 발생 시

 

 

📌 에러 발생 

배포하기 전에 프로젝트에서 npm run build를 통해 확인해 보는데, 

아래와 같은 에러가 발생했다. 

 

 

 

이 문제는 해당 프로젝트에서 사용하고 있는 meterial-tailwind 에서 제공하는 태그들을 사용했을 때

 

 

이렇게 해당 태그에 필요한 프로퍼티들을 제공하지 않아서 발생하는 에러이다.

 

하지만 해당 속성들은 실제로 필요하지 않는 (코드만 길어짐) 것들이라

 

해결 방안은

 

1. 에러가 나는 모든 태그에 필수 프로퍼티들을 넣어주기 

 

2. index.d.ts 파일을 만들어서 

 

typecript는 이미 존재하는 라이브러리라도 강제로 타입 지정을 다시 해 줄 수 있음 

 

그래서 두 번째 방법으로 에러 해결하였다. 

 

---

🛠️ 에러 해결 

 

 

 

declare module "@material-tailwind/react";

 

 

저장하면 버그가 ... 마법처럼 사라진다.. (겁나 신기)

 

 

 

 

 

원래는 이런 식으로 태그에 타입을 지정할 수 있음. 

 

declare module "@material-tailwind/react"{

  export type Input = ...

}

 

 

 

 

 

---

https://www.inflearn.com/course/%EC%9A%94%EC%A6%98%EC%97%94-supabase-%EB%8C%80%EC%84%B8%EC%A7%80-nextjs-%ED%81%B4%EB%A1%A0%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14) 강의 | 로펀 - 인프런