[RN] react-native 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: number.' 에러잡기
·
React Native
결국 코드 한줄씩 주석처리 해보면서 svg파일이 문제인걸 찾았다.또 하루종일 svg와 관련된 파일들만 설치하고 난리부르스......ㅋㅋ 발생원인react-native 버전이 업그레이드 되고나서 발생하는 에러이다.나의버전: "react-native": "0.75.2" 해결방법 ts-jest 라이브러리 사용 1. ts-jest 라이브러리 설치npm install --save-dev ts-jest# oryarn add --dev ts-jest 2. jest.config.js 파일 수정module.exports = { preset: 'ts-jest', testEnvironment: 'node', transform: { '^.+\\.tsx?$': 'ts-jest', '^.+\\.svg$': 'je..
[RN] reanimated failed to create a worklet react native.. error
·
React Native
발생 상황react-native-reanimated 패키지를 추가하면서 발생 발생 원인babel.config.js에 reanimate 플러그인을 추가해주지 않아서 발생 해결 방안babel.config.js에 'react-native-reanimated' plugins 추가
[App 개발] nodemon app crashed error 해결
·
Project01 [Chat App]
드디어 mongoDB를 만들고 서버를 작동시키려는데와 같은 에러가 떴다.error 뜻사용하려는 port가 이미 사용중이라는 의미이다.해결방법1. 다른 port 사용하기2. 현재 사용 중인 port 확인하고 종료하기3. 서버를 재시작 하거나 시스템 재부팅하기 구글링을 해서 2번째 방법을 시도했었지만 나는 안되었고,3번째 방법은 너무 극단적이라 1번째 방법을 선택하여5000으로 설정했던 port를 5001로 바꾸어 버렸다. 그랬더니 그짓말 처럼 다시 잘되었다....💻💫 현재 사용중인 port 확인 및 종료lsof -i :5000 터미널에서 현재 사용 중인 프로세스를 ID(PID)를 확인 kill -9 해당 ID(PID) 프로세스 종료
[RN] react-native 'Attempt to invoke virtual method ~' error (Android)
·
React Native
이 오류 메시지는 주로 안드로이드 앱 개발 중에 발생합니다. 이것은 객체가 null인 상태에서 해당 객체의 메소드를 호출하려고 시도할 때 발생하는 오류입니다. 구체적으로 말하면, null로 초기화되지 않은 Path 객체에서 isEmpty() 메소드를 호출하려고 시도한 것입니다. 라고 Caht gpt가 설명해주었다..🤓그래서 에러가 뜨는 파일에서 null을 검색해 봤다. Col컴포넌트에 준 style에서 null을 사용해서 뜨는 에러였다.null을 0으로 바꿨더니 에러가 뜨지 않는다.
[RN] react-native, No bundle URL present. error (iOS)
·
React Native
리액트 네이티브는 너무 예민한 친구인거 같다. iOS와 Android를 따로 신경써줘야 하는것도 너무나 어렵다.몇초 전까지 잘 진행되던 시뮬레이터가 갑자기 아래와 같은 error를 띄우면서 말을 듣지 않는다.나는 이제야 어디서 어떻게 오류가 나고 있는지 정도를 파악하는 수준이라처음 이 에러를 마주했을때는 정말 울고 싶었다. 하지만 지금은 내가 애용하는 4가지 방법이 있다. 1. Console창 명령어복잡해 보이지만, 명령어 한줄씩 보면 아주 간단하다. 1. 프로젝트 폴더 위치에서 ios폴더로 이동cd ios 2. build 삭제rm -rf build 3. build 설치pod install 4. ios 폴더 나가기cd ../ 5. 시뮬레이터 시작yarn ios 2. Xcode build 삭제 및 ..
[RN] react-native Xcode Flipper error
·
React Native
리액트네이티브를 사용하면서 잘되던 빌드가 되지 않을때마다 식은땀이 난다.그래도 이번에는 무엇이 문제인지 명확하게 보이는 Flipper..! 덕분에 해결방법을 조금 더 쉽게 찾을 수 있었다. iOS폴더에서 Podfile을 열고, #:flipper_configuration => Flipper_config, 줄을 비활성화를 해주면 된다고 하지만 이 방법은Flipper를 사용하는 나에겐 일시적인 해결방법일 뿐이었다. RN에 입문한지 반년도 안되어 모르는게 너무나 많은 내가 할 수 있는건 검색뿐또 멋도 부리고 싶어서 console창에서 명령어로 해결해보고 싶었다.그렇게 열심히 검색을 해서 찾아냈다. if ! grep -q "#include " ./ios/Pods/Flipper/xplat/Flipper/Flip..