해결된 질문
작성
·
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
'@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.
이부분은 혹시나하는마음에 넣어보았습니다..
재빌드도 여러번 해봤습니다... 현재 아래를 여러번 시도해봤습니다
node_modules 날리고 재설치 (pod-install 포함)
yarn start --reset-cache
아마 reanimated 버전관련해서 문제가 생긴것같은데..
앗!! 이 답변 적으면서
node_modules 날리고 재설치 (pod-install 포함)
ios 시뮬레이터 재부팅
yarn start --reset-cache
시뮬레이터 재부팅 단계를 추가하니까 갑자기 잘 되네요!!
이게 올바른 이유인지는 모르겠지만 어쨋든 해결되었습니다.. 어렵네요 정말....