inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TypeError: Cannot read property 'Never' of undefined 에러 문의

260

khjeong

작성한 질문수 4

0

강사님 [2-5]Drawer Navigation 오류 관련으로 문의드립니다.

 

오류 관련으로 커뮤니티와 공식문서에 했고 답변내용으로 해결보려고 했는데 잘안되네요.. 확인 부탁드립니다.

 

1.npm i react-native-reanimated@3.3.0 변경

2.'react-native-reanimated/plugin', 넣기

yarn start --reset-cache

3.node모듈 폴더 삭제후 재 설치

 

 

ERROR TypeError: Cannot read property 'Never' of undefined

This error is located at:

in Drawer (created by DrawerViewBase)

in DrawerViewBase (created by DrawerView)

in RNCSafeAreaProvider (created by SafeAreaProvider)

in SafeAreaProvider (created by SafeAreaProviderCompat)

in SafeAreaProviderCompat (created by DrawerView)

in DrawerView (created by DrawerNavigator)

in PreventRemoveProvider (created by NavigationContent)

in NavigationContent

in Unknown (created by DrawerNavigator)

in DrawerNavigator (created by MainDrawerNavigator)

in MainDrawerNavigator (created by RootNavigator)

in RootNavigator (created by App)

in ThemeProvider

in EnsureSingleNavigator

in BaseNavigationContainer

in NavigationContainerInner (created by App)

in App

in RCTView (created by View)

in View (created by AppContainer)

in RCTView (created by View)

in View (created by AppContainer)

in AppContainer

in MatzipApp(RootComponent), js engine: hermes

 

 

image.png

 

image.png

 

 

 

질문 작성시 꼭 참고해주세요

react-native typescript nestjs react-query zustand

답변 2

0

Kyo

navigation을 6버전으로 해보시겠어요? 7버전이 나온지 한달정도밖에 되지않아서 6버전으로 진행해보시는게 나을것같습니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. khjeong님께서 경험하신 문제는 React Native 환경에서 흔히 직면하는 오류로, 특히 react-native-reanimated와 관련이 있습니다. 이 오류는 보통 라이브러리의 초기화 문제나 호환성 문제가 있을 때 발생합니다. 다음 단계들을 통해 시도해 볼 수 있습니다:

1. React Native Reanimated 초기화 확인

  • babel.config.js 파일에 'react-native-reanimated/plugin'을 추가한 것이 올바른지 확인하세요.

2. 앱의 캐시 초기화 및 재빌드

  • 캐시 초기화 명령어(yarn start --reset-cache 또는 npm start -- --reset-cache)를 사용한 후, 다음과 같이 iOS와 Android에서 앱을 깨끗하게 재빌드하는 것이 중요합니다.
    
    npm run clean    # or equivalent command for cleaning
    npx pod-install ios  # iOS 환경이라면 이 명령어를 실행
    ./gradlew clean build  # Android 환경
    

3. 라이브러리 버전 확인

  • react-native-reanimated의 최신 호환 버전을 사용하고 있는지 확인하세요. 현재 안정적인 버전은 3.15 혹은 그 이하로, 0.72.6 React Native 버전과 호환될 수 있습니다.

4. 추가적인 문제 해결

  • 혹시 React Native의 Drawer 기능이 다른 라이브러리의 버전과 충돌 할 가능성이 있으니, @react-navigation/drawer의 버전도 확인해 보세요.

관련 질문 URL

비슷한 문제를 다룬 기존 답변도 확인하여 도움받을 수 있습니다:
- DrawerNavigation 오류
- npx react-native start –reset-cache 에러

이미지

질문에 올려주신 이미지를 참고하여 설정이나 라이브러리 관련 문제 해결에 도움을 받을 수 있습니다. 이 기회를 통해 버전과 설정 파일 내용도 같이 점검해 주세요.

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

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

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

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2