안녕하세요...! 3주차 숙제 공부하는 중에 잘 되다가 갑자기 navigate 오류가 뜨는 현상때문에 문의 드립니다. 아래 사진과 같이 오류 메시지가 뜨고, 제 코드가 잘못 됐나 싶어서 코드스니펫 그대로 복붙해 붙여넣어도 해결이 안 되네요. ㅠㅠ Likepage가 navigator에서 다뤄지지 않는다고 해서 StackNavigator.js 파일을 확인해봐도 Likepage 연결을 시킨 건 확실한 것 같은데용.... 어떻게 해결할 수 있을까요? StackNavigator.js 코드도 첨부할게요!

import React from 'react';

//설치한 스택 네비게이션 라이브러리를 가져옵니다

import { createStackNavigator } from '@react-navigation/stack';

//페이지로 만든 컴포넌트들을 불러옵니다

import DetailPage from '../pages/DetailPage';

import MainPage from '../pages/MainPage';

import AboutPage from '../pages/AboutPage';

import LikePage from '../pages/LikePage';

//스택 네비게이션 라이브러리가 제공해주는 여러 기능이 담겨있는 객체를 사용합니다

//그래서 이렇게 항상 상단에 선언하고 시작하는게 규칙입니다!

const Stack = createStackNavigator();

const StackNavigator = () =>{

    return (

        //컴포넌트들을 페이지처럼 여기게끔 해주는 기능을 하는 네비게이터 태그를 선언합니다.

        //위에서 선언한 const Stack = createStackNavigator(); Stack 변수에 들어있는 태그를 꺼내 사용합니다.

        //Stack.Navigator 태그 내부엔 페이지(화면)를 스타일링 할 수 있는 다양한 옵션들이 담겨 있습니다.

        <Stack.Navigator

            screenOptions={{

                headerStyle: {

                    backgroundColor: "white",

                    borderBottomColor: "white",

                    shadowColor: "white",

                    height:100

                },

                //헤더의 텍스트를 왼쪾에 둘지 가운데에 둘지를 결정

                headerTitleAlign:'left',

                headerTintColor: "#000",

                headerBackTitleVisible: false

            }}

        >

            {/* 컴포넌트를 페이지로 만들어주는 엘리먼트에 끼워 넣습니다. 이 자체로 이제 페이지 기능을 합니다*/}

            <Stack.Screen name="MainPage" component={MainPage}/>

            <Stack.Screen name="DetailPage" component={DetailPage}/>

            <Stack.Screen name="AboutPage" component={AboutPage}/>

            <Stack.Screen name="LikePage" component={LikePage}/>

        </Stack.Navigator>

    )

}

export default StackNavigator;