𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.07.26.화

error - ./public/kakao_login.png

TypeError: unsupported file type: undefined (file: undefined)

기기 변경시 이미지 파일 typeerror오류 해결하기

// next.config.js 

module.exports = {
  images: {
    disableStaticImages: true
  }
}

https://velog.io/@dody_/%EC%95%88-%EC%B9%9C%ED%95%9C-Nextjs..-TypeError-unsupported-file-type-undefined-file-undefined-%EC%98%A4%EB%A5%98-%EA%B8%B0%EB%A1%9D

—>안됨.

https://velog.io/@leeeunbin/TypeScript-Next.js-static-image-불러오기

→안됨.

https://velog.io/@rkio/Typescript-React-useRef-사용시-개체가-nullundefined인-것-같습니다-에러

→안됨.

https://stackoverflow.com/questions/68008498/nextjs-typeerror-unsupported-file-type-undefined-after-update-to-v-11

→안됨.

https://haerang94.tistory.com/297

 

오늘 만난 오류..결국 해결하지 못함. 

오전에 이미지 불러오기 계속 실패해서 이미지를 삭제후 코드를 돌렸었고......

그러다가 소셜로그인 작동 방식에 대해 좀 공부하고 오전이 다 갔었다.

 

오후에도 다른 팀원이 머지한 브랜치 다시 pull 하는 과정에서 충돌이 일어났는데 그것도 해결되지 않았고,

그 안에 있는 이미지 파일도 또 불러오는게 되지 않았다. 끝까지 계속 되지 않아서 내일 다시 시도해보려고 한다.....

 

커밋도 못하고 약간 슬픈상태,, 안그래도 잘 못해서 위축되어 있는데 오류만 계속 만나니까 좀 힘들다....

원래 오류 만나면서 성장하는건데.... 정해진 시간안에 구현해야할 게 있으니 답답하다.

 

프로젝트도 취업도 내 마음처럼 쉽지 않다..^,ㅠ

그렇지만 화이팅.....!!!!!

 

 

 

 

++++) 8월 4일 수정

이 다음날 이 글을 발견하였다.

https://peaku.co/questions/1495-nextjs:-typeerror:-tipo-de-archivo-no-compatible:-indefinido-despues-de-la-actualizacion-a-v11

여기서 본 글을 참고하여 해결했다.

//next.config.js에 다음을 추가
module.exports = {
    module: {
      rules: [
        {
          test: /\.(png|jpe?g|gif)$/i,
          use: [
            {
              loader: 'file-loader',
            },
          ],
        },
      ],
    }
};