ERR일기] @react-navigation/native 모듈을 찾을 수 없음.

 

정의되지 않음 모듈을 해결할 수 없음@ react-navigation /native...에서App.js: 프로젝트 내에서 @ react-navigation /native를 찾을 수 없습니다.

 

Failed building JavaScript bundle.
Unable to resolve module @react-navigation/native from F:\sparta-study\sparta-myhoney-tip-codeminy\App.js: @react-navigation/native could not be found within the project.

 

   8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다.
>  9 | import {NavigationContainer} from '@react-navigation/native';
     |                                    ^
  10 | import StackNavigator from './navigation/StackNavigator'
  11 |
  12 | export default function App() {

 

해결에 관한 내용: 

"App.js"에서"@ react-navigation /native"를 해결할 수 없습니다.-React Native + 해결 방법?

 

내가 시도한 방법:

1.

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

2.

npm install react-navigation

 

하나 넘으면 하나가 나오고 또하나 해결하면 또하나가 나오고..

나중에 익숙해지고 잘하게됐을때 내가 써놓은 이 글을보면 맞는것도 있을것이고 틀린것도있을것이고..

이 글을 읽는 미래의 나는 웃기다고 보고있겠지....?

 

 

이 문제를 해결하는데 시간만 5시간이 넘어가고 있다... 문제를 해결하려다가 잘못눌러 모두 지워버리는바람에 그것도 내가 왜 그랬는지 모르겠는데 갑자기 내 파일들을 정리한답시고 정리하다가 다 지워버렸다. 습관적으로 Delete만 누르는게 아니라 시프트+ Del키를 누르는 버릇때문에 아예 다 날려버렸다.

 

그리고 다시 공부하는마음으로 다시 써넣었다. 덕분에 복습은 제대로 된듯하다..ㅎㅎ

왜이렇게 시간이 오래걸리냐... 하면 설치하는 명령어 치면 바로 설치되는것이 아니라 오래걸린다...

설치하느라 걸리는 시간이라 어떻게 하고싶어도 할 수가 없다.....

 

빨리 결과를 보고싶은데 오래걸린다... 회사 인터넷이 느린가??? 아니면 원래 이렇게 오래걸리는건가>??

 

과정1. 실패.

과정2. 시작.

npm ERR! code EINVAL
npm ERR! EINVAL: invalid argument, read

 

해결방법내용:  

npm install시 EINVAL:invalid argument, read 오류 질문입니다. - 인프런 | 질문 & 답변

다시 설치하라고한다.  

npm i -g npm 해서 npm을 최신 버전으로 깔고 node_modules를 지웠다가 다시 설치해보세요.

1.  node_modules 폴더 삭제

2.

npm install --save react-native-gesture-handler react-native-reanimated react-native-screens

3.

npm 시작---reset-cache

4. 여기서부터 네비게이터 다시 설치.

npm install @react-navigation/native

5. 

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

6.

npm install react-navigation
npm start ----reset-cache

실패.

 

3번째 

yarn install @react-navigation/native

 

했더니 해결됐다.

 

npm , yarn 을 구분을 못하고있는중..... npm은 노드js 패키지 매니저 이고 yarn은 크로스플랫폼을 제공해주는 것이고?..

그래서 npm install 이 아니라 yarn install.. 을 해야하는건가?..

 json 등등 사용하기때문에 npm이 필요한건가?.. 

 

yarn install @react-navigation/native 과 npm install @react-navigation/native 둘 다 설치해야하는거겠지?