네비게이션 설치 코드와 네비게이션 추가 설치코드 스택 네비게이터 전부 설치후 코드 적용시 이렇게 오류가 나옵니다.

None of these files exist:

 * navigation\StackNavigator(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

 * navigation\StackNavigator\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

  8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다.

  9 | import {NavigationContainer} from '@react-navigation/native';

> 10 | import StackNavigator from './navigation/StackNavigator'

   |                ^

파일이 없다고 뜨는데

package.json

{

  "dependencies": {

    "@react-native-community/masked-view": "^0.1.11",

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

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

    "expo": "^47.0.8",

    "expo-status-bar": "~1.4.2",

    "react-native-gesture-handler": "~2.8.0",

    "react-native-reanimated": "~2.12.0",

    "react-native-safe-area-context": "4.4.1",

    "react-native-screens": "~3.18.0"

  }

}

App.js

import React from 'react';

//이제 모든 페이지 컴포넌트들이 끼워져있는 책갈피를 메인에 둘예정이므로

//컴포넌트를 더이상 불러오지 않아도 됩니다.

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

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

import { StatusBar } from 'expo-status-bar';

//메인에 세팅할 네비게이션 도구들을 가져옵니다.

import {NavigationContainer} from '@react-navigation/native';

import StackNavigator from './navigation/StackNavigator'

export default function App() {

  console.disableYellowBox = true;

  return (

  <NavigationContainer>

    <StatusBar style="black" />

    <StackNavigator/>

 </NavigationContainer>);

}