[React Native] 여러 에러 해결법

박호준·2022년 2월 9일
0

React_Native

목록 보기
2/5

Error)Unrecognized font family 'Ionicons'

1. ios>Podfile

추가하기
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

2. ios>{프로젝트명}>info.plist

추가하기

<key>UIAppFonts</key>
	<array>
		<string>AntDesign.ttf</string>
		<string>Entypo.ttf</string>
		<string>EvilIcons.ttf</string>
		<string>Feather.ttf</string>
		<string>FontAwesome.ttf</string>
		<string>FontAwesome5_Brands.ttf</string>
		<string>FontAwesome5_Regular.ttf</string>
		<string>FontAwesome5_Solid.ttf</string>
		<string>Foundation.ttf</string>
		<string>Ionicons.ttf</string>
		<string>MaterialIcons.ttf</string>
		<string>MaterialCommunityIcons.ttf</string>
		<string>SimpleLineIcons.ttf</string>
		<string>Octicons.ttf</string>
		<string>Zocial.ttf</string>
	</array>

3. 재실행


Error)Package react has been ignored because it contains invalid configuration. Reason

  • npm i react react-dom

Error)Building (using "xcodebuild -workspace bankoss.xcworkspace -configuration Debug -scheme bankoss -destination id=A0B91884-7B9B-4748-99FF-CDE082B379F1")

error Failed to build iOS project

cd ios

pod install

cd ..

react-native run-ios

Error) RNSSreen

모든 서버 종류 후
npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios
npx react-native run-ios

Error) 404 Error

패키지 버전 문제
yarn add {}으로 설치하면 해결됨

brew install node
brew install watchman
sudo gem install cocoapods
npx react-native init {name}

npx react-native start

npx pod-install ios
npx react-native run-ios

#install stack navigation
npm install @react-navigation/native @react-navigation/native-stack

# no exop
npm install react-native-screens react-native-safe-area-context

tab navigation

npm install @react-navigation/bottom-tabs
npm install @react-navigation/native
npm install react-native-re

실행 안될때 해보기 ### RNNSCREEN

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios
npx react-native run-ios

###icons 사용법
npm install --save react-native-vector-icons
cd ios && pod install && cd ..

밀어서 잠금해제

npm install @react-navigation/drawer

RNNSCREEN (모든 서버 종료 한 후)

npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios
npx react-native run-ios

완전 지웠다가 다시 실행

npx react-native start --reset-cache

Package react has been ignored because it contains invalid configuration. Reason

npm i react react-dom

canlendario

npm install --save react-native-calendars

graph

npm install react-native-progress-circle
import ProgressCircle from 'react-native-progress-circle'

404 error => yarn 설치

yarn add react-native-progress-circle%

brew install node
brew install watchman
sudo gem install cocoapods
npx react-native init {name}

npx react-native start

npx pod-install ios
npx react-native run-ios

#install stack navigation
npm install @react-navigation/native @react-navigation/native-stack

# no exop
npm install react-native-screens react-native-safe-area-context

tab navigation

npm install @react-navigation/bottom-tabs
npm install @react-navigation/native
npm install react-native-re

실행 안될때 해보기 ### RNNSCREEN

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios
npx react-native run-ios

###icons 사용법
npm install --save react-native-vector-icons
cd ios && pod install && cd ..

밀어서 잠금해제

npm install @react-navigation/drawer

RNNSCREEN (모든 서버 종료 한 후)

npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
npx pod-install ios
npx react-native run-ios

완전 지웠다가 다시 실행

npx react-native start --reset-cache

Package react has been ignored because it contains invalid configuration. Reason

npm i react react-dom

canlendario

npm install --save react-native-calendars

graph

npm install react-native-progress-circle
import ProgressCircle from 'react-native-progress-circle'

404 error => yarn 설치

yarn add react-native-progress-circle

rm -rf node_modules/ && npm cache clean --force&& npm install && npm start -- --reset-cache

profile
hopark

0개의 댓글