TypeError: Cannot read property 'bubblingEventTypes' of null
36
작성한 질문수 2
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)를 확인해보세요.
위의 방법들을 시도해본 후에도 문제가 지속된다면, 추가적인 정보와 함께 새로운 질문을 올리시면 더 깊이 있는 지원을 받을 수 있습니다.
화이팅입니다!
secureTextEntry 설정에 관해
0
57
2
expo 55 tabs 사라짐 이슈
0
79
2
11강 23:35부터 막혀서 질문 드려요.
0
72
2
expo-blur 사용하면서 생긴 버그입니다.
0
112
3
router.navigate 동작이 달라졌을까요?
0
62
1
Toast 기능
0
72
2
onEndReached 함수가 바로 호출 되지 않는 이슈
1
63
1
expo push service에 관한 질문
0
78
2
백엔드도 궁금합니다!
1
84
1
ios에서 개발중이신 분들은
1
83
1
[질문아님] tabBarLabel 대신 tabBarShowLabel
1
56
1
댓글 버튼 하단에 고정되지 않는 이슈
0
53
1
SafeAreaView 적용 기준 문의
0
80
2
react-native-screens 버전 호환 문제
2
153
1
스크린 옵션 아이콘
0
55
2
강의 업데이트에 대해 문의드립니다.
0
43
1
[Note] 안드로이드 네비게이션 헤더 이슈 안내
0
65
2
안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제
0
103
2
[해결]그랩님 답변 주세요.
0
160
2
해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.
0
95
1
ActionSheet
0
84
1
Location.getCurrentPositionAsync({}); 에러
1
123
3
소스코드가 강의 순서랑 다른가요?
0
72
2
API 주소
0
83
1