아래 Error내용입니다.

앞에서 StackNavigator.js와 App.js적용했을때도 이상한 path관련 Error가 떠서 babel.config.js를

튜터님의 권고대로 수정하였더니 제대로 됐었습니다.

이 것도 관련이 있는 건가요?

작성한 코드 및 에러 메세지

Android Bundling complete 48405ms

Android Running app on SM-N950N

Object {

 "key": "DetailPage-3N7QPsAzWogblgYBqCTvb",

 "name": "DetailPage",

 "params": undefined,

 "path": undefined,

}

TypeError: undefined is not an object (evaluating 'route.params.title')

This error is located at:

  in DetailPage (at SceneView.tsx:132)

  in StaticContainer

  in EnsureSingleNavigator (at SceneView.tsx:124)

  in SceneView (at useDescriptors.tsx:217)

  in RCTView (at View.js:32)

  in View (at CardContainer.tsx:281)

  in RCTView (at View.js:32)

  in View (at CardContainer.tsx:279)

  in RCTView (at View.js:32)

  in View (at CardSheet.tsx:33)

  in CardSheet (at Card.tsx:564)

  in RCTView (at View.js:32)

  in View (at createAnimatedComponent.js:211)

  in AnimatedComponent (at createAnimatedComponent.js:264)

  in AnimatedComponentWrapper (at Card.tsx:543)

  in PanGestureHandler (at GestureHandlerNative.tsx:14)

  in PanGestureHandler (at Card.tsx:537)

  in RCTView (at View.js:32)

  in View (at createAnimatedComponent.js:211)

  in AnimatedComponent (at createAnimatedComponent.js:264)

  in AnimatedComponentWrapper (at Card.tsx:533)

  in RCTView (at View.js:32)

  in View (at Card.tsx:527)

  in Card (at CardContainer.tsx:219)

  in CardContainer (at CardStack.tsx:663)

  in RNSScreen (at createAnimatedComponent.js:211)

  in AnimatedComponent (at createAnimatedComponent.js:264)

  in AnimatedComponentWrapper (at src/index.native.tsx:257)

  in MaybeFreeze (at src/index.native.tsx:256)

  in Screen (at Screens.tsx:38)

  in MaybeScreen (at CardStack.tsx:655)

  in RNSScreenContainer (at src/index.native.tsx:332)

  in ScreenContainer (at Screens.tsx:20)

  in MaybeScreenContainer (at CardStack.tsx:566)

  in RCTView (at View.js:32)

  in View (at Background.tsx:13)

  in Background (at CardStack.tsx:564)

  in CardStack (at StackView.tsx:437)

  in RNCSafeAreaProvider (at SafeAreaContext.tsx:87)

  in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46)

  in SafeAreaProviderCompat (at StackView.tsx:430)

  in RNGestureHandlerRootView (at GestureHandlerRootView.android.tsx:23)

  in GestureHandlerRootView (at StackView.tsx:429)

  in StackView (at createStackNavigator.tsx:121)

  in PreventRemoveProvider (at useNavigationBuilder.tsx:697)

  in NavigationContent (at useComponent.tsx:35)

  in Unknown (at createStackNavigator.tsx:120)

  in StackNavigator (at StackNavigator.js:20)

  in StackNavigator (at App.js:19)

  in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430)    

  in BaseNavigationContainer (at NavigationContainer.tsx:132)

  in ThemeProvider (at NavigationContainer.tsx:131)

  in NavigationContainerInner (at App.js:17)

  in App (created by ExpoRoot)

  in ExpoRoot (at renderApplication.js:50)

  in RCTView (at View.js:32)

  in View (at AppContainer.js:92)

  in RCTView (at View.js:32)

  in View (at AppContainer.js:119)

  in AppContainer (at renderApplication.js:43)

  in main(RootComponent) (at renderApplication.js:60)

at node_modules\expo\build\environment\react-native-logs.fx.js:null in error

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:null in reportException

at node_modules\react-native\Libraries\Core\ExceptionsManager.js:null in handleException

at node_modules\react-native\Libraries\Core\ReactFiberErrorDialog.js:null in showErrorDialog

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in logCapturedError

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in update.callback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in callCallback

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitUpdateQueue

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffectOnFiber

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutMountEffects_complete

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffects_begin

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitLayoutEffects

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitRootImpl

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in commitRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in performSyncWorkOnRoot

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in flushSyncCallbacks

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in flushSyncCallbacksOnlyInLegacyMode

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in batchedUpdates$1

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in batchedUpdates

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in _receiveRootNodeIDEvent

at node_modules\react-native\Libraries\Renderer\implementations\ReactNativeRenderer-dev.js:null in receiveTouches

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __callFunction

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __guard$argument_0

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in __guard

at node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:null in callFunctionReturnFlushedQueue

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!