인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

코딩맨님의 프로필 이미지

작성한 질문수

맛집 지도앱 만들기 (React Native + NestJS)

[2-3] Stack Navigation

react-native-gesture-handler 설치 오류

작성

·

337

0

동영상 강의대로 진행하다가 index.js에

import 'react-native-gesture-handler';

를 입력하고 저장하자마자 아래 오류가 떴습니다..어떻게 해야하나요 ㅠㅠ 이 강의에서 너무 많은 오류가 떠서 진행이 며칠 째 안되서 너무 힘들어요.

image.png

2번째 오류

> Task :react-native-safe-area-context:compileDebugKotlin FAILED
'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.

답변 1

0

Kyo님의 프로필 이미지
Kyo
지식공유자

몇버전으로 진행하고계시나요? package.json을 보여주시겠어요? 에러는 자르지말고 올려주시면 더 좋을것같습니다!

코딩맨님의 프로필 이미지
코딩맨
질문자

image.png

 

image.png

 node 버전은 21.1.0

자바는 jdk11 사용중입니다

Kyo님의 프로필 이미지
Kyo
지식공유자

stack navigation 설정중에 에러가 발생하신것 같은데 강의는 6버전을 사용하고, navigation 7버전의 경우 설정이 조금 다릅니다.
gesture-handler.native.js 파일에 import 'react-native-gesture-handler'; 를 추가해야하고,
index.js 나 App.js 최상단에는 import './gesture-handler';를 추가해야합니다.

https://reactnavigation.org/docs/stack-navigator#installation

코딩맨님의 프로필 이미지
코딩맨
질문자

제가 그래서 6버전으로도 한 번 한 적이 있긴 한데 kotlin 저 오류는 계속 뜨는 것 같아요 6버전으로 일단 다시 한 번 프로젝트 생성해볼까요?

Kyo님의 프로필 이미지
Kyo
지식공유자

그렇군요. 위처럼 7버전에 맞게 세팅을 하셔도 오류는 계속뜨나요? 6버전으로 하시려면, react-native-safe-area-context 같은 다른 패키지 버전도 아래처럼 함께 맞춰보시겠어요?

dependency 공유드립니다. (강의코드 2-3 수업자료와 동일)

"dependencies": {

"@react-native-masked-view/masked-view": "^0.3.0",

"@react-navigation/native": "^6.1.9",

"@react-navigation/stack": "^6.3.20",

"react": "18.2.0",

"react-native": "0.72.6",

"react-native-gesture-handler": "^2.13.4",

"react-native-safe-area-context": "^4.7.4",

"react-native-screens": "^3.27.0"

},

코딩맨님의 프로필 이미지
코딩맨
질문자

똑같이 맞춰봐도 똑같은 오류가 발생해요..

image.png
> Task :react-native-gesture-handler:compileDebugKotlin
'compileDebugJavaWithJavac' task (current target is 11) and 'compileDebugKotlin' task (current target is 1.8) jvm target compatibility should be set to the same Java version.

> Task :react-native-gesture-handler:compileDebugKotlin FAILED

> Task :react-native-screens:compileDebugKotlin
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfig.kt:101:38 'getter for systemWindowInsetTop: Int' is deprecated. Deprecated in Java
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt:146:47 'replaceSystemWindowInsets(Int, Int, Int, Int): WindowInsetsCompat' is deprecated. Deprecated in Java
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt:147:51 'getter for systemWindowInsetLeft: Int' is deprecated. Deprecated in Java
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt:149:51 'getter for systemWindowInsetRight: Int' is deprecated. Deprecated in Java
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/ScreenWindowTraits.kt:150:51 'getter for systemWindowInsetBottom: Int' is deprecated. Deprecated in Java
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/SearchBarManager.kt:138:66 Elvis operator (?:) always returns the left operand of non-nullable type Boolean
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/main/java/com/swmansion/rnscreens/SearchBarView.kt:153:43 Parameter 'flag' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt:10:25 Parameter 'wrapper' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt:13:9 Parameter 'width' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt:14:9 Parameter 'height' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/FabricEnabledViewGroup.kt:15:9 Parameter 'headerHeight' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/NativeProxy.kt:7:36 Parameter 'fabricUIManager' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/NativeProxy.kt:11:13 Parameter 'tag' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/NativeProxy.kt:12:13 Parameter 'view' is never used
w: file:///C:/Users/m_k/AwesomeProject/front/node_modules/react-native-screens/android/src/paper/java/com/swmansion/rnscreens/NativeProxy.kt:15:33 Parameter 'tag' is never used
w: Detected multiple Kotlin daemon sessions at build\kotlin\sessions

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.

See https://docs.gradle.org/8.0.1/userguide/command_line_interface.html#sec:command_line_warnings
92 actionable tasks: 18 executed, 74 up-to-date

info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctorinfo 💡 Tip: Make sure that you have set up your development environment correctly, by running 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 

Warning: SDK processing. This version only understands SDK XML versions up to 3 but an SDK XML file of version 4 was encountered. This can happen if you use versions of Android Studio and the command-line tools that were released at different times.
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (3, 27): Unresolved reference: BaseReactPackage
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (22, 33): Unresolved reference: BaseReactPackage
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (34, 3): 'createViewManagers' overrides nothing
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (43, 3): 'getViewManagers' overrides nothing
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (51, 3): 'getModule' overrides nothing
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (59, 3): 'getReactModuleInfoProvider' overrides nothing
e: C:\Users\m_k\AwesomeProject\front\node_modules\react-native-gesture-handler\android\packageDeprecated\src\main\java\com\swmansion\gesturehandler\RNGestureHandlerPackage.kt: (76, 11): No value passed for parameter 'p6'

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-gesture-handler:compileDebugKotlin'.
> A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction      
info 💡 Tip: Make sure that you have set up your development environment correctly, by running 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