[RN]패키지 오류...3가지 깨달음

식겁한 상황...

열심히 작성한 코드를 expo start 해서 아이폰으로 열면 문제가 없는데

vs code 터미널에서 w를 쳐서 웹뷰로 열면...아무 화면이 뜨지 않으면서

터미널에 오류가 와르르...

 

node_modules\react-native\libraries\react native\paper uimanager.js

 

"RNCViewPager" was not found in the UIManager. [RN 0.61.2] [Android] · Issue #72 · callstack/react-native-pager-view

알고보니...

import 부분에 의미없이 추가된 부분이 있었습니다.

 

저는 아직 모든 코드를 이해하고 작성하는게 아니다보니

import 부분에 뭐가 필요하고 필요 없는지 몰라 함부로 손을 쓰지 못했는데

보다보면 코드가 불투명 상태가 보이는 줄이 있습니다.

 

이는 적용되지 않거나 선언을 찾지 못했다는 말이나오는데

그걸 지우니 잘 되더라고요

 

저는 저기 오류에 나온 부분에서 문제인줄 알고 열어서 확인해도 모르겠으니

구글링을 통해 뭘 다운하라 해서 다운하니

이번에는 version mismatch...

 

React Native version mismatch

위에 거는 저도 이해를 못했습니다...

 

드디어 올게 왔구나 하는 느낌이지만

너무 막막해서 그냥 지우고 다시 설치했습니다.

 

react native version mismatch

그냥 터미널 닫고 다시 해보라는 이야기가 많더라고여

 

저번에도 말씀 드렸지만 cmd나 환경설정에서 세팅이나 설치하고 cmd 혹은 vs code를 한번 닫고

다시 열어야 적용됩니다.

 

Module not found: Can't resolve './PlatformColorValueTypes'

근데...

위에있는 코드를 설치하면 되는 줄 알았는데 설치하니 버전 미스매치라..

저거 하지 마세요...

 

저는 파일을 지웠습니다...

지우고 다시 expo init 해보니 패키지가 다 없어진 상태 더라고요

 

패키지 관리의 중요성 입니다.

 

일단 파일에서 패키지 install을 하더라도 다른 파일에는 영향이 없는 것 같습니다.

그러니 만약 정 해결 안되면 코드만 살리고 다시 init 하는게 best입니다.

 

물론 회사에서도 그럴 수 없으니 버전, 패키지 관리가 중요해 보입니다.

 

 

 

다시 init을 했는데

깃허브에 코드를 올린 줄 알았는데

깃헙에는 업데이트 전 코드가...

 

다시 몇 시간을 드려서 작성해야 하는 줄 알았는데 다행이도 지웠던 코드들이 vs code에는 마지막 열었던 파일이라

그런지 남아있었습니다.

 

그 코드들을 다행히 넘겨받고 복붙을 통해 해보니 잘 되더라고요

 

깃허브 push 하더라도 한번 더 확인하는 습관이 중요합니다.

 

---

1.import 부분 불투명은 지워주자

 

2.버전 패키지 관리의 중요성

 

3.깃허브 push 후 확인 습관