[Error] vercel build시 나는 오류

 

👩🏻‍💻 문제 발생

에러1

vercel에 build할려고 보니 위와 같은 문제가 발생하였다.

✔️ 문제 해결

eslint 해결방안

참고사이트를 찾아 위와 같이 eslint와 관련된 문제였기에, eslintrc.json파일에서 설정해주면 된다.

"rules": { "react/no-unescaped-entities": "off" }

🔗 참고

https://github.com/vercel/next.js/discussions/53972

👩🏻‍💻 문제 발생

에러2

vercel에 build할려고 보니 위와 같은 문제가 발생하였다.

✔️ 문제 해결

위와 같은 문제는 쉬운 문제였는데 gpt 컴포넌트에 대해 나는 문제였다. 위의 컴포넌트의 맨 앞의 문자를 대문자로 고치면 해결되는 문제였다.

🔗 참고

https://www.inflearn.com/community/questions/28493/react-hook-quot-usestate-quot-is-called-in-function-에러가-뜹니다ㅠㅠ

React Hook 'useState' is called in f... - 인프런 | 커뮤니티 질문&답변

 

👩🏻‍💻 문제 발생

에러3

vercel에 build할려고 보니 위와 같은 문제가 발생하였다.

✔️ 문제 해결

npm add -D encoding

encoding에 대해 설치하면 해결되는 문제였다.

🔗 참고

https://stackoverflow.com/questions/75748298/module-not-found-cant-resolve-encoding-in-vercel-path0-node-modules-cross