인프런 커뮤니티 질문&답변
작성한 질문수 2
TypeError: Cannot read property 'bubblingEventTypes' of null
작성
·
17
0
react-native 프로젝트 개발중인데, android studio 애뮬레이터에서 expo go로 실행시켰을 때는 제대로 동작하는데
eas build를 통해 apk 파일로 만들어서 실제 기기 혹은 android studio 애뮬레이터에서 다운 받아서 실행만 하면 TypeError: Cannot read property 'bubblingEventTypes' of null 에러가 뜹니다. stack overflow나 github 커뮤니티에 있는 방법들 모두 해봤는데 소용이 없었습니다. 제발 도움주시면 감사하겠습니다. 더 필요한 정보 있으시면 제공해드리겠습니다.
"dependencies": {
"@gorhom/bottom-sheet": "^5.1.1",
"@react-native-async-storage/async-storage": "1.23.1",
"@react-navigation/bottom-tabs": "^7.2.1",
"@react-navigation/native": "^7.0.15",
"@react-navigation/stack": "^7.1.2",
"@supabase/supabase-js": "^2.49.1",
"@tanstack/react-query": "^5.40.0",
"base64-arraybuffer": "^1.0.2",
"buffer": "^6.0.3",
"expo": "^52.0.41",
"expo-auth-session": "^6.0.3",
"expo-clipboard": "~7.0.1",
"expo-constants": "^17.0.8",
"expo-image-picker": "^16.0.6",
"expo-linking": "^7.0.5",
"expo-location": "^18.0.8",
"expo-status-bar": "~2.0.1",
"expo-updates": "~0.27.4",
"npm": "^11.1.0",
"react": "18.3.1",
"react-hook-form": "^7.54.2",
"react-native": "0.76.7",
"react-native-geocoding": "^0.5.0",
"react-native-gesture-handler": "^2.20.2",
"react-native-get-random-values": "^1.11.0",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-maps": "^1.18.0",
"react-native-reanimated": "^3.16.7",
"react-native-url-polyfill": "^2.0.0",
"zustand": "^5.0.3"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/plugin-transform-class-properties": "^7.25.9",
"@babel/plugin-transform-private-methods": "^7.25.9",
"@babel/plugin-transform-private-property-in-object": "^7.25.9",
"@types/react": "~18.3.12",
"@types/react-native-vector-icons": "^6.4.18",
"metro-react-native-babel-preset": "^0.77.0",
"react-native-dotenv": "^3.4.11",
"typescript": "^5.3.3"
},
"private": true
}
android studio 로그캣에서 아래와 같이 뜨고 앱이 꺼집니다.
com.facebook.react.common.JavascriptException: TypeError: Cannot read property 'bubblingEventTypes' of null
This error is located at:
in RNSScreen
in Unknown
in Suspender
in Suspense
in Freeze
in DelayedFreeze
in InnerScreen
in Unknown
in MaybeScreen
in RNSScreenContainer
in ScreenContainer
in MaybeScreenContainer
in RCTView
in Unknown
in CardStack
in RNCSafeAreaProvider
in SafeAreaProvider
in SafeAreaProviderCompat
in RNGestureHandlerRootView
in GestureHandlerRootView
in StackView
in PreventRemoveProvider
in NavigationContent
in Unknown
in StackNavigator
in AuthNavigator
in ThemeProvider
in EnsureSingleNavigator
in BaseNavigationContainer
in NavigationContainerInner
in _QueryClientProvider
in RNGestureHandlerRootView
in GestureHandlerRootView
in RCTView
in Unknown
in App
in RCTView
in Unknown
in AppContainer, stack:답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
dong1hyun님, ‘TypeError: Cannot read property ‘bubblingEventTypes’ of null’ 에러에 대한 해결책을 찾는 데 어려움이 있으신 것 같습니다.
이 오류는 주로 React Native 환경과 관련된 버전 불일치 또는 설정 문제에서 발생할 수 있습니다. 몇 가지 가능한 해결 방법을 제안드립니다:
React Native 및 라이브러리 버전 확인:
- 현재 사용 중인
react-native버전(0.76.7)과react-native-gesture-handler및 다른 관련 라이브러리의 버전 간 호환성을 확인해보세요.
- 때로는 최신 버전이 문제를 일으킬 수 있으므로 특정 라이브러리를 이전 버전으로 다운그레이드하는 것도 고려해보실 수 있습니다.
- 현재 사용 중인
프로젝트 정리 및 캐시 초기화:
- 다음 명령을 사용하여 프로젝트 디렉토리의 캐시를 초기화해보세요.
npm start -- --reset-cache
- 프로젝트의
node_modules및package-lock.json을 삭제하고npm install로 다시 설치해보세요.
- 다음 명령을 사용하여 프로젝트 디렉토리의 캐시를 초기화해보세요.
EAS Build 구성 확인:
eas.json파일이 존재한다면 빌드 프로파일에서 KEYS 및 설정들을 다시 한번 확인해보세요.
- 빌드를 위한 환경 변수가 올바르게 설정되어 있는지 확인하세요.
로그를 통한 디버깅:
- Android Studio의 로그캣에서 보다 상세한 정보를 확인하세요. 오류 발생 시점의 콘솔 로그를 살펴보면 추가적인 힌트를 얻을 수 있습니다.
- Android Studio의 로그캣에서 보다 상세한 정보를 확인하세요. 오류 발생 시점의 콘솔 로그를 살펴보면 추가적인 힌트를 얻을 수 있습니다.
React Navigation 및 RN gesture handler 버그:
react-navigation과react-native-gesture-handler사이의 호환성 문제일 가능성도 있습니다. 관련 문서나 이슈(예: React Navigation Issue Tracker와 React Native Gesture Handler Issue Tracker)를 확인해보세요.
위의 방법들을 시도해본 후에도 문제가 지속된다면, 추가적인 정보와 함께 새로운 질문을 올리시면 더 깊이 있는 지원을 받을 수 있습니다.
화이팅입니다!