* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

StackNavigator.js 까지 잘 만들고 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>);

}

undefined Unable to resolve module @react-navigation/native from C:\Users\HMK\Desktop\sparta-study\sparta-hmk\App.js: @react-navigation/native could not be found within the project or in these directories:

 node_modules

 ..\node_modules

  7 |

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

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

   |                  ^

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

 11 |

 12 | export default function App() {

^는 @ 밑에 붙어 있어요