인프런 커뮤니티 질문&답변
작성한 질문수
[해결] MapView 사용시 bubblingEventTypes of null error 해결법
해결된 질문
작성
·
64
·
수정됨
0
{
"name": "matzip",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android ",
"ios": "react-native -run-ios --simulator 'iPhone 16 Pro'",
"lint": "eslint .",
"start": "react-native start --reset-cache",
"test": "jest"
},
"dependencies": {
"@react-native-masked-view/masked-view": "^0.3.1",
"@react-navigation/drawer": "^6.7.2",
"@react-navigation/native": "^6.1.18",
"@react-navigation/stack": "^6.4.1",
"@tanstack/react-query": "^5.59.16",
"axios": "^1.7.7",
"react": "18.3.1",
"react-native": "0.76.0",
"react-native-encrypted-storage": "^4.0.3",
"react-native-gesture-handler": "^2.20.1",
"react-native-maps": "^1.18.2",
"react-native-reanimated": "^3.16.1",
"react-native-safe-area-context": "^4.11.1",
"react-native-screens": "^3.34.0"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/plugin-transform-private-methods": "^7.25.9",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "15.0.0-alpha.2",
"@react-native-community/cli-platform-android": "15.0.0-alpha.2",
"@react-native-community/cli-platform-ios": "15.0.0-alpha.2",
"@react-native/babel-preset": "0.76.0",
"@react-native/eslint-config": "0.76.0",
"@react-native/metro-config": "0.76.0",
"@react-native/typescript-config": "0.76.0",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"babel-plugin-module-resolver": "^5.0.2",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "18.3.1",
"typescript": "5.0.4"
},
"engines": {
"node": ">=18"
},
"packageManager": "yarn@3.6.4"
}
최신버전으로 작업중입니다
node 버전 22.6.0 으로 바꾸시면 해결됩니다.
node -v 버전뜨시는거 보고 vscode 창 무조건 닫고 명령어 실핼시킬 터미널에서도 node -v 꼭 써서 버전확인하세여
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 최수렬님.
MapView 사용 시 bubblingEventTypes of null error 문제를 겪고 계신 것으로 보입니다. 이 오류는 주로 react-native 라이브러리의 특정 모듈이나 버전 간의 호환성 문제로 인해 발생할 수 있습니다.
해결 방법 요약
- Node.js 버전 변경:
- 문제 해결: 최수렬님이 제안해주신 대로, Node.js 버전을 22.6.0으로 변경해보세요.
- 버전 변경 방법: 변경 후, 터미널에서
node -v명령어를 실행하여 버전이 올바르게 변경되었는지 확인합니다. Visual Studio Code(VSCode) 등의 에디터에서도 창을 닫고 다시 열어 변경된 버전이 적용되었는지 확인합니다.
- 문제 해결: 최수렬님이 제안해주신 대로, Node.js 버전을 22.6.0으로 변경해보세요.
관련 질문 및 링크
유사한 문제에 대한 조언을 아래의 게시글에서도 확인하실 수 있습니다:
- DrawerNavigation 오류 - [Reanimated] Native part of Reanimated doesn’t seem to be initialized 오류와 관련된 질문입니다.
- 리액트 네이티브 버전 이슈 - react-native-gesture-handler 및 기타 라이브러리 관련 문제 해결 방법이 제시되어 있습니다.
이 외에도 플랫폼 환경, 의존성 호환성 등을 점검하시면 좋습니다. 프로젝트의 node_modules 를 지우고, yarn install 또는 npm install 다시 해보는 것도 좋은 접근법입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.