리액트 네이티브 에러(feat.m1)

jhyunk218·2021년 11월 27일
1

React Native

목록 보기
2/3

내 짧은 개발인생에서 만난 수많은 오류보다 리액트 네이티브를 시작하고 만난 오류가 더 많았던 것 같다.
리액트 네이티브는 검색도 잘 안되고 해결방법이라고 달린 것도 가지각색~! 거기에 숟가락 얹는 m1 😇
마음만 바빠 정리할 생각도 못했는데 미민이 정리해야 남는다고 뼈때려줘서 각성하고 정리


ios 가상 기기 = 시뮬레이터(simulator)
android 가상 기기 = 에뮬레이터(emulator)

yarn android

무지성 ./gradlew clean 멈춰

gradle이란?
Gradle은 그루비를 이용한 빌드 자동화 시스템이다. Groovy와 유사한 도메인 언어를 채용하였으며, 현재 안드로이드 앱을 만드는데 필요한 안드로이드 스튜디오의 공식 빌드 시스템이기도 하다. Java, C/C++, 파이썬 등과 같은 여러 가지 언어를 지원한다.
-> Android Studio 쓰면 Gradle을 따로 설치하지 않아도 됨
gradlew? gradle wrapper
Gradle Wrapper는 Gradle을 각 개발자나 CI 서버에 깔지 않고, 프로젝트에 함께 포함시켜 배포할 수 있는 방법을 제공
환경에 종속되지 않아 java나 gradle도 설치할 필요가 없음

-> 안드로이드 스튜디오 AVD 에서 설정한 기기랑 안맞는 것 같아서 있는 기기 삭제하고 다시 만들었더니 해결(리네기술참고)
recommended에서 가장 위 선택

yarn ios

Xcode cache 삭제
Project Build and indexes 삭제
Path:> about this Mac> Storage> Manage> Developer

Error: Unable to resolve module assets/images/pngs/qrScan.png from

If you are sure the module exists, try these steps:
1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*
5 |
6 | import styled from 'styled-components/native'
7 | import img from 'assets/images/pngs/qrScan.png'

Podfile이란?

The Podfile is a specification that describes the dependencies of the targets of one or more Xcode projects. The file should simply be named Podfile

Info.plist

카메라, qr, permission 라이브러리를 설치하다 보니 ios > Info.plist에서 <key> <string> 추가가 필요했다.

번들 실행 파일에 대한 필수 구성 정보를 포함하는 구조화된 텍스트 파일
일반적으로 유니코드 UTF-8 인코딩을 사용하여 인코딩되며 내용은 XML을 사용하여 구성된다.

profile
FROM 🌱 TO 🌳

1개의 댓글

comment-user-thumbnail
2021년 12월 17일

덕분에 오류를 해결했습니다. 감사합니다!!

답글 달기