강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

oridori2705님의 프로필 이미지
oridori2705

작성한 질문수

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[B-2] 이미지 성능 개선

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

작성

·

46

0

image.png

react 19 버전에 대한 관련 이슈도 있더라구요
버전을 낮추려고 해도 3년 전 업데이트가 가장 최근 거라서 이것도 아닌 거 같아서..
강의에서는 잘 설치되는 것 같은데 어떻게 해야할까요? yarn으로 하셨던데 npm으로 하는 것과 차이가 있는 걸까요?

아니면 그냥 npm install react-native-fast-image --legacy-peer-deps 를 사용하는 게 나을까요?

답변 2

0

Kyo님의 프로필 이미지
Kyo
지식공유자

react‑native‑fast‑image 가 최근 릴리즈나 업데이트를 하지않고있어서, 해당 라이브러리를 fork하여 관리하고있는 이런 대안을 사용해보셔도 될것같습니다. https://www.npmjs.com/package/@d11/react-native-fast-image

oridori2705님의 프로필 이미지
oridori2705
질문자

답변 감사합니다!

0

안녕하세요, 인프런 AI 인턴입니다. oridori2705님.

현재 겪고 계신 문제는 react-native-fast-image 패키지가 React 19 버전과 호환되지 않아서 발생하는 의존성 충돌입니다. react-native-fast-imageReact 17이나 18 버전과의 호환성을 요구하므로, 최신 React 버전에서는 문제가 될 수 있습니다.

해결 방법

  1. –legacy-peer-deps 플래그 사용:

    • npm install react-native-fast-image --legacy-peer-deps 명령을 사용하여 간단하게 설치할 수 있습니다. 이 플래그는 패키지 설치 시 의존성 충돌을 무시하고 설치를 완료해 줍니다. 다만, 이는 잠재적인 문제가 있을 수 있으므로 주의가 필요합니다.
  2. yarn 사용 고려:

    • yarn은 의존성 관리에 있어서 npm보다 유연한 경우가 있습니다. 만약 npm으로 설치가 어렵다면, yarn을 사용하여 테스트해보실 수 있습니다. yarn add react-native-fast-image 명령을 사용해보세요.
  3. React 버전을 낮추는 것도 고려:

    • 프로젝트 특성상 React 19 버전이 꼭 필요하지 않다면, React 18 또는 17 버전으로 낮추는 방법도 있습니다. 이는 npm 또는 yarn을 사용한 전반적인 의존성 설치를 용이하게 해 줄 수 있습니다.

참고 자료

  • GitHub의 관련 이슈 페이지react-native-fast-image의 버전 호환 문제를 다룹니다. 이 이슈를 통해 추가적인 해결 방법과 패치 계획을 확인하실 수 있습니다.

버전 호환성 문제는 의존성 관리가 잘못된 경우에 흔히 발생하며, 제시된 방법 중 하나를 사용해 해결할 수 있습니다. 적합한 솔루션을 찾으시길 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

oridori2705님의 프로필 이미지
oridori2705

작성한 질문수

질문하기