카테고리

질문 & 답변
세부 분야

모바일 앱 개발
해결 여부

해결됨

네이버맵 패키지 연동후 iosSimulator로 빌드시 에러입니다.

24.01.30 15:51 작성 조회수 347

Simulator Screenshot - iPhone SE (3rd generation) - 2024-01-30 at 15.24.27.png

빌드하니 첫화면이 RCTView.로 시작하는 에러엿고 Dismiss누르고 별문제가 아닌줄 알았지만 곧바로 CH4. 네이버맵 연동하기의 17분처럼 클릭했을때 맵이 뜨길바랬는데 topClick에러가 발생했어서 더이상 진전이 안되네요ㅠㅠ

{
  "name": "FoodDeliveryApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "^1.21.0",
    "@react-navigation/bottom-tabs": "^6.5.11",
    "@react-navigation/native": "^6.1.9",
    "@react-navigation/native-stack": "^6.9.17",
    "@reduxjs/toolkit": "^2.1.0",
    "axios": "^1.6.7",
    "i": "^0.3.7",
    "npm": "^10.4.0",
    "react": "18.2.0",
    "react-native": "0.73.2",
    "react-native-config": "^1.5.1",
    "react-native-encrypted-storage": "^4.0.3",
    "react-native-flipper": "^0.212.0",
    "react-native-keyboard-aware-scrollview": "^2.1.0",
    "react-native-nmap": "github:ZeroCho/react-native-naver-map",
    "react-native-safe-area-context": "^4.8.2",
    "react-native-screens": "^3.22.1",
    "react-redux": "^7.2.6",
    "redux-flipper": "^2.0.2",
    "rn-flipper-async-storage-advanced": "^1.0.5",
    "socket.io-client": "^4.7.4"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/babel-preset": "0.73.19",
    "@react-native/eslint-config": "0.73.2",
    "@react-native/metro-config": "0.73.3",
    "@react-native/typescript-config": "0.73.1",
    "@types/react": "^18.2.6",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.6.3",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "18.2.0",
    "typescript": "5.0.4"
  },
  "engines": {
    "node": ">=18"
  }
}

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c

0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.
1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.
2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.
3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.
4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.
5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.
6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.

배달앱 클론코딩 [with React Native]

네이버맵 연동하기

강의실 바로가기

답변 3

좋아요순

최신순

답변을 작성해보세요.

조현영

지식공유자

2024.01.31

해당 이슈 수정해서 github에 올려두었습니다. 다시 최신으로 설치해보세요~

민성 김

질문자

2024.02.01

Github 확인했고 새로 수정해주신 패키지로 빌드하니까 믿기지 않을 정도로 너무 잘됩니다!! 정말 감사드리고 존경합니다!

조현영

지식공유자

2024.01.30

https://www.inflearn.com/questions/1125402/react-native%EC%97%90%EC%84%9C-nmap-%EC%84%A4%EC%B9%98-%ED%9B%84-component-x27-rctview-x27-re-registered-direct-even

이 이슈인데요. 현재 0.73을 쓰고 계신가요? 0.73에서 충돌이 있는 듯 하네요.

민성 김

질문자

2024.01.30

안녕하세요!! 네 0.73 맞습니다ㅠㅠ

맥북이라 simulator위주로 테스트하다가 아래 추가 에러로그를 첨부햇는데 Task :react-native-screens:compileDebugKotlin FAILED 라는 에러로 안드로이드에서 실행도 안되서 고민이네요ㅠ 버전을 낮춰볼까요?

> Configure project :app
Reading env from: .env

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

For more on this, please refer to https://docs.gradle.org/8.3/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation.

BUILD SUCCESSFUL in 7s
12 actionable tasks: 7 executed, 5 up-to-date

> FoodDeliveryApp@0.0.1 android
> react-native run-android

info A dev server is already running for this project on port 8081.
info Installing the app...

> Configure project :app
Reading env from: .env
WARNING: The specified Android SDK Build Tools version (33.0.0) is ignored, as it is below the minimum supported version (33.0.1) for Android Gradle Plugin 8.1.1.
Android SDK Build Tools 33.0.1 will be used.
To suppress this warning, remove "buildToolsVersion '33.0.0'" from your build.gradle file, as each version of the Android Gradle Plugin now has a default version of the build tools.

> Task :react-native-config:processDebugManifest
package="com.lugg.RNCConfig" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-config/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.lugg.RNCConfig" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-config/android/src/main/AndroidManifest.xml.

> Task :react-native-async-storage_async-storage:processDebugManifest
package="com.reactnativecommunity.asyncstorage" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/@react-native-async-storage/async-storage/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.reactnativecommunity.asyncstorage" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/@react-native-async-storage/async-storage/android/src/main/AndroidManifest.xml.

> Task :react-native-encrypted-storage:processDebugManifest
package="com.emeraldsanto.encryptedstorage" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-encrypted-storage/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.emeraldsanto.encryptedstorage" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-encrypted-storage/android/src/main/AndroidManifest.xml.

> Task :react-native-nmap:processDebugManifest
package="com.github.quadflask.react.navermap" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-nmap/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.github.quadflask.react.navermap" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-nmap/android/src/main/AndroidManifest.xml.

> Task :react-native-safe-area-context:processDebugManifest
package="com.th3rdwave.safeareacontext" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.th3rdwave.safeareacontext" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/AndroidManifest.xml.

> Task :react-native-screens:processDebugManifest
package="com.swmansion.rnscreens" found in source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-screens/android/src/main/AndroidManifest.xml.
Setting the namespace via the package attribute in the source AndroidManifest.xml is no longer supported, and the value is ignored.
Recommendation: remove package="com.swmansion.rnscreens" from the source AndroidManifest.xml: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-screens/android/src/main/AndroidManifest.xml.

> Task :react-native-async-storage_async-storage:compileDebugJavaWithJavac

> Task :react-native-nmap:compileDebugJavaWithJavac

> Task :react-native-safe-area-context:compileDebugKotlin
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextModule.kt:7:46 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextModule.kt:9:2 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextPackage.kt:6:46 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextPackage.kt:26:51 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextPackage.kt:28:11 'constructor ReactModuleInfo(String!, String!, Boolean, Boolean, Boolean, Boolean, Boolean)' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaContextPackage.kt:34:27 'hasConstants: Boolean' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaProviderManager.kt:4:46 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaProviderManager.kt:11:2 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.kt:59:23 'getter for uiImplementation: UIImplementation!' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewManager.kt:4:46 'ReactModule' is deprecated. Deprecated in Java
w: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaViewManager.kt:14:2 'ReactModule' is deprecated. Deprecated in Java

> Task :react-native-screens:compileDebugKotlin FAILED

> Task :react-native-safe-area-context:compileDebugJavaWithJavac

Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

For more on this, please refer to https://docs.gradle.org/8.3/userguide/command_line_interface.html#sec:command_line_warnings in the Gradle documentation.
130 actionable tasks: 125 executed, 5 up-to-date

info 💡 Tip: Make sure that you have set up your development environment correctly, by running npx react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor 

Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/@react-native-async-storage/async-storage/android/src/javaPackage/java/com/reactnativecommunity/asyncstorage/AsyncStoragePackage.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
e: file:///Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.kt:391:46 Unresolved reference: attr
Note: /Users/idohyeong/Desktop/FoodDeliveryApp/node_modules/react-native-safe-area-context/android/src/paper/java/com/th3rdwave/safeareacontext/NativeSafeAreaContextSpec.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-screens:compileDebugKotlin'.
> A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers-verbose flag for more details.

조현영

지식공유자

2024.01.30

일단 네이버맵은 제가 시간날 때 고쳐봐야할 것 같습니다.

react-native-screens 건은 다음 문제로 보이는데요.

https://stackoverflow.com/questions/72750321/react-native-screenscompiledebugkotlin-failed

일단 첫 답변 해보시고 안 되면

마지막 답변

https://stackoverflow.com/a/77201405

이거 한 번 시도 해보세요.

민성 김

네이버맵 패키지 연동후 iosSimulator로 빌드시 에러입니다.

이 글과 비슷한 Q&A

useEffect 의존성 배열 문제

react-native-date-picker darkmode 적용 관련 공유

최근 DatePicker의 textColor prop이 제거되었고, theme 사용이 권장됩니다.

로그인 연동하기 실패