개발자
리액트 네이티브 라이브러리가 안 돼요
gradient랑 fontawsome도 그렇고 대부분의 npm install 해야하는 라이브러리들이 안 돼요... install하고 import를 해줘도 안드로이드 에뮬레이터에서 Render Error requireNativeComponent: "(추가하려는것)" was not found in the UIManager라고 뜨네요 밑에 문제가 있는거 알려주는 source 부분에서는 node_modules\invariant\browser.js 여기를 가르키는데 또 그 파일 찾아가서 코드를 봐보면 어디가 잘못된건지 모르겠어요 혹시 몰라서 적자면 밑에 코드 부분이 잘못됐다고 나와요
1var args = [a,b,c,d,e,f];
2var argIndex = 0;
3error = new Error (여기가 잘못됐다고 가리킴)(
4
5.
6.
7.
답변 1
React native 용 라이브러리를 설치하셔야 합니다. fontawsome의 경우 일반 Web 버전과 네이티브 버전을 각각 지원합니다. 다른 라이브러리의 경우도 마찬가진데 지원하지 않는 경우도 있으니 잘 확인하셔야 합니다. 참고로 React와 React Native는 언어와 사용 문법만 비슷할 뿐 동작 원리는 전혀 다릅니다. 그렇기에 CSS 스타일링이나 React-dom등 React 환경에서만 동작하는 라이브러리는 사용하실 수 없습니다. 이름이 유사하다고 무턱대로 사용하시면 호환이 안될 가능성이 높습니다. https://docs.fontawesome.com/web/use-with/react-native
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 04월 10일
"Render Error"가 "requireNativeComponent: "(추가하려는것)" was not found in the UIManager."라고 표시될 때, 이는 보통 네이티브 모듈을 자바스크립트에서 잘못 불러온 경우에 발생하는 에러입니다. React Native에서 네이티브 모듈을 사용하기 위해서는 몇 가지 단계를 거쳐야 합니다: 1. 라이브러리 설치 (`npm install` 또는 `yarn add`) 2. 프로젝트에 네이티브 코드 링크 (`react-native link` 명령어 이용) 3. 앱 재빌드 (Xcode or Android Studio) 여기서 중요한 부분은 2번째 단계인데, `react-native link` 작업은 네이티브 모듈의 코드를 당신의 React Native 프로젝트와 연결해주는 역할을 합니다. 그러나 최근 React Native의 버전에서는 대부분의 라이브러리가 auto-linking을 지원하기 때문에 `react-native link` 명령어를 사용하지 않아도 될 수 있습니다. 일단, 아래의 과정을 진행해보세요: 1. 라이브러리를 설치 (`npm install [library name]`) 2. 프로젝트 세팅: Android 폴더로 가서 `./gradlew clean` 실행 후 다시 빌드. 3. React Native의 Metro Bundler (JS 번들러)를 종료 후 다시 시작. 그래도 문제가 해결되지 않을 경우 사용 중인 라이브러리의 버전과 React Native의 버전이 호환되는지, 또는 라이브러리 설치 및 설정에 필요한 모든 단계를 올바르게 수행했는지 확인해보세요. 제공된 코드 부분에서는 특별하게 잘못된 부분은 없어보입니다. 이 부분은 에러 메세지 생성 부분으로 보며, 이를 통해 실제 문제점이 아니라 어떤 오류가 발생했는지 알려주거나 그 오류를 검증하는 부분입니다. 따라서 디버깅에 직접적인 도움이 되진 않을 것 같습니다. 위 내용에 기반해 해결 방법을 시도해보시길 바랍니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!