티스토리

RYUJI
검색하기

블로그 홈

RYUJI

hiryuji.tistory.com/m

메모장

구독자
1
방명록 방문하기

주요 글 목록

  • Next.js에서 Image 컴포넌트를 사용할 때 발생하는 `fetchPriority` prop 오류 해결 방법 Warning: React does not recognize the `fetchPriority` prop on a DOM element.이 문제는 최근 버전의 react와 react-dom에서 발생하는 버그다. 관련된 문제는 Stack Overflow와 GitHub 이슈에서도 찾아볼 수 있다.  문제의 원인React의 18.3.1에서 `fetchPriority` prop이 DOM 요소에서 인식되지 않는 버그가 있다. 이로 인해 Next.js의 Image 컴포넌트가 올바르게 동작하지 않고 오류가 발생한다.  해결 방법react와 react-dom의 버전을 18.2.0으로 롤백하면 된다. 1. package.json 파일 수정{ "dependencies": { "react": "18.2.0", .. 공감수 0 댓글수 0 2024. 5. 29.
  • Next.js의 Image 컴포넌트와 관련된 경고 메시지 해결하기 Next.js 프로젝트에서 이미지를 사용하면서 발생한 첫 번째 경고 메시지// 이미지를 렌더링할 때 width나 height 중 하나만 변경된 경우 발생하는 경고 메시지Image with src "/imgs/index-1.png" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.경고가 발생한 코드import { TextImageProps } from "@/types/interfaces/indexInterface.. 공감수 0 댓글수 0 2024. 5. 29.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.