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

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

SEON님의 프로필 이미지
SEON

작성한 질문수

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

[2-5] Drawer Navigation

DrawerNavigation 오류

해결된 질문

작성

·

158

0

2-5강중 DrawerNavigation 강의를 진행하던 중 오류가 생겼습니다. 오류내용은 다음과 같습니다.

 

 ERROR  Warning: Error: [Reanimated] Native part of Reanimated doesn't seem to be initialized.
See https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#native-part-of-reanimated-doesnt-seem-to-be-initialized for more details., js engine: hermes 
    at DrawerViewBase (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:181627:22)
    at RCTView
    at View (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:64127:43)
    at GestureHandlerRootView (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:178516:21)
    at RNCSafeAreaProvider
    at SafeAreaProvider (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:141950:24)
    at SafeAreaProviderCompat (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:142727:24)
    at DrawerView (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:181827:27)
    at PreventRemoveProvider (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:138566:25)
    at NavigationContent (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:139353:22)
    at anonymous (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:139369:27)
    at DrawerNavigator (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:181521:18)
    at MainDrawerNavigator
    at RootNavigator (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:132339:41)
    at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:135474:24)
    at BaseNavigationContainer (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:135070:28)
    at ThemeProvider (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:140882:21)
    at NavigationContainerInner (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:140770:26)
    at App
    at RCTView
    at View (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:64127:43)
    at RCTView
    at View (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:64127:43)
    at AppContainer (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:64000:25)
    at MatzipApp(RootComponent) (http://localhost:8081/index.bundle//&platform=ios&dev=true&lazy=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=org.reactjs.native.example.MatzipApp:117354:28)
 ERROR  Warning: TypeError: Cannot read property 'isConfigured' of undefined

This error is located at:
    in DrawerViewBase (created by DrawerView)
    in RCTView (created by View)
    in View (created by GestureHandlerRootView)
    in GestureHandlerRootView (created by DrawerView)
    in RNCSafeAreaProvider (created by SafeAreaProvider)
    in SafeAreaProvider (created by SafeAreaProviderCompat)
    in SafeAreaProviderCompat (created by DrawerView)
    in DrawerView (created by DrawerNavigator)
    in PreventRemoveProvider (created by NavigationContent)
    in NavigationContent
    in Unknown (created by DrawerNavigator)
    in DrawerNavigator (created by MainDrawerNavigator)
    in MainDrawerNavigator (created by RootNavigator)
    in RootNavigator (created by App)
    in EnsureSingleNavigator
    in BaseNavigationContainer
    in ThemeProvider
    in NavigationContainerInner (created by App)
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in MatzipApp(RootComponent), js engine: hermes
 ERROR  Warning: TypeError: Cannot read property 'isConfigured' of undefined

This error is located at:
    in DrawerViewBase (created by DrawerView)
    in RCTView (created by View)
    in View (created by GestureHandlerRootView)
    in GestureHandlerRootView (created by DrawerView)
    in RNCSafeAreaProvider (created by SafeAreaProvider)
    in SafeAreaProvider (created by SafeAreaProviderCompat)
    in SafeAreaProviderCompat (created by DrawerView)
    in DrawerView (created by DrawerNavigator)
    in PreventRemoveProvider (created by NavigationContent)
    in NavigationContent
    in Unknown (created by DrawerNavigator)
    in DrawerNavigator (created by MainDrawerNavigator)
    in MainDrawerNavigator (created by RootNavigator)
    in RootNavigator (created by App)
    in EnsureSingleNavigator
    in BaseNavigationContainer
    in ThemeProvider
    in NavigationContainerInner (created by App)
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in MatzipApp(RootComponent), js engine: hermes

 

에러내용에 공식문서 링크가 달려있어서 들어가서 따라해보았지만 역시 동일하게 오류가 발생하였습니다.

babel.config.js

module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: [
    '@babel/plugin-proposal-export-namespace-from',
    'react-native-reanimated/plugin',
  ],
};

 

해당 issue도 확인해서 해결법을 따라해봤지만 여전히 동일한 오류가 발생합니다.

https://github.com/software-mansion/react-native-reanimated/issues/5856

 

제 github repository입니다.

https://github.com/DongSeonYoo/RN-study/tree/main/front

 

답변 1

0

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

'@babel/plugin-proposal-export-namespace-from', 이부분을 설정하는건 ios나 android가 아닌 web 설정인데, 추가하신 이유가 있을까요? 캐시 리셋도 해보셨나요? yarn start --reset-cache or npm start -- --reset-cache

에러내용에 공식문서 링크가 달려있어서 들어가서 따라해보았다고 하셨는데 어떤걸 하셨나요? Native part of Reanimated doesn't seem to be initialized. 해당하는 에러내용 링크에는 재빌드를 해야한다고 나와있는데요. If you recently installed or upgraded Reanimated, make sure to rebuild your app.

 

SEON님의 프로필 이미지
SEON
질문자

@babel/plugin-proposal-export-namespace-from
  • 이부분은 혹시나하는마음에 넣어보았습니다..

 

재빌드도 여러번 해봤습니다... 현재 아래를 여러번 시도해봤습니다

  1. node_modules 날리고 재설치 (pod-install 포함)

  2. yarn start --reset-cache

 

아마 reanimated 버전관련해서 문제가 생긴것같은데..


앗!! 이 답변 적으면서

  1. node_modules 날리고 재설치 (pod-install 포함)

  2. ios 시뮬레이터 재부팅

  3. yarn start --reset-cache

     

시뮬레이터 재부팅 단계를 추가하니까 갑자기 잘 되네요!!

이게 올바른 이유인지는 모르겠지만 어쨋든 해결되었습니다.. 어렵네요 정말....

SEON님의 프로필 이미지
SEON

작성한 질문수

질문하기