Error
-
[ Error ] The Edge Function "middleware" is referencing unsupported modules:Error 2023. 9. 1. 14:01
Next.Js vercel 배포 중 에러 Next.Js 13 , Vercel 배포 중 마지막 단계에서 오류가 발생했다. 에러 메세지는 다음과 같다. The Edge Function "middleware" is referencing unsupported modules: - index.js : ./resvg.wasm?module, ./yoga.wasm?module 해결법 gpt 답변도 해결책이 되지 않았고 구글 검색을 해도 게시글 개수가 거의 없었는데, vercel 깃허브 issue에 등록되어 있는 답변을 통해 해결할 수 있었다. -> (해당 Issue 게시글) Next.Js 버전을 13.4.4에서 13.4.3으로 다운그레이드하여 해결할 수 있다. 해당 에러에 관련된 게시글이 검색해도 없어서, 누군가에게 도..
-
[ Error ] Styled-Components install errorError 2023. 5. 8. 22:04
Error Message : npm ERR! Cannot read properties of null (reading 'edgesOut') Solution - For projects using JS/JSX(JavaScript) npm i -D styled-components@5.3.10 - For projects using TS/TSX(TypeScript) npm i -D styled-components@5.3.10 @types/styled-components 평소처럼 Styled-Components install하는 과정에서 에러가 발생했다. 구글 검색을 해보니 따끈따끈한 관련 Issue 게시글이 있어서 잘 해결할 수 있었다. 참고 링크 : https://github.com/styled-component..
-
[ Error ] Typescript image import errorError 2023. 5. 1. 19:14
타입스크립트 이미지 import error png 파일을 import 시도하는데 에러가 발생했다. 해결법 src 폴더에 custom.d.ts 파일을 생성한다. declare module "*.jpg"; declare module "*.png"; declare module "*.jpeg"; declare module "*.gif"; 필요한 확장자를 위와 같은 형식으로 입력해 준다. 추가로 ) d.ts 파일은 무엇인가 ? custom.d.ts 파일을 생성하는데 d.ts는 어떤 파일인가 ?- type을 정의하기 위한 파일이다.