본문 바로가기

Framework & Library/React-native

react-navigation 라이브러리 적용 에러

 

  리액트 네이티브는 페이지 간 이동하는 라우터 설정을 네비게이션으로 해주어야한다ㅏㅏ

리액트 네이티브의 네비게이션 패키지는 2개가 있는데,

나는 React Navigation을 사용했다ㅏㅏ!

패키지 다운로드와 의존성 설정은 아래에 내가 참고한 링크를 걸어두었다ㅏㅏ

해당 블로그의 글을 따라 의존성 설치를 완료한 후에,

 

Invariant Violation: Tried to register two views with the same name RNCWebView

라는 에러를 만나게 되었는데,

에러는 node-modules에 iamport-react-nativereact-native-webview가 충돌하기 때문이라고 한다ㅏㅏ

그래서 나는 간단히,

npm remove react-native-webview

 

를 해주고 다시 실행해보니 잘 되었다ㅏㅏ!

 

 

출처 : https://hellominchan.tistory.com/4

 

[React Native] React Navigation 설치 및 사용법

[React Native] React Navigation 설치 및 사용법 (React Navigation 버전 : 5~, 글쓴날 : 2020.02.07) * React Navigation V5 이전의 createAppContainer가 deprecated되었습니다... ㅠ.ㅠ 1. React Navigation..

hellominchan.tistory.com

 


https://github.com/iamport/iamport-react-native/issues/48

 

WebView 중복 사용시 "Invariant Violation: Tried to register two views with the same name RNCWebView" 에러 · Issue #48 ·

안녕하세요. 웹뷰 중복 사용시 같은 이름의 웹뷰가 두개 사용 되고 있다는 에러가 납니다. 에러 발생 예시: 하나의 웹뷰는 iamport-react-native 다른 웹뷰는 react-native-webview 사용 두개의 웹뷰는 서로

github.com

 

'Framework & Library > React-native' 카테고리의 다른 글

Render error  (0) 2021.09.02
React-native 그라데이션 배경화면 [UI]  (0) 2021.08.04
text style props  (0) 2021.08.03
React-Native 프로젝트 실행  (0) 2021.07.27
React-native 개발 환경 구축 [Windows]  (0) 2021.07.22