본문 바로가기
ReactNative

ReactNative_ 버전 높였을때 대처

by JunsC 2024. 3. 5.
728x90

새로운 리액트 네이티브 프로젝트 시작하려 하는데 버전이 너무 높아서 생기는 오류들을 정리해보았다.


우선 ReactNative 최신버전인 0.8x 이상으로 시도했을때의 오류이다.


https://stackoverflow.com/questions/72971698/invalid-podfile-file-767-unexpected-token-at

 

Invalid `Podfile` file: 767: unexpected token at ''

I am trying to run my IOS app with react native, but I need to update my Pods. so I run on terminal: cd iOS && pod install But I get this error on the title internal/modules/cjs/loader.js:...

stackoverflow.com

 

 

 

 


 

mac node 버전 컨트롤 

https://velog.io/@bbiyac/Mac-nvm%EC%9C%BC%EB%A1%9C-Node.js-%EB%B2%84%EC%A0%84-%EB%B3%80%EA%B2%BD

 

(macOS) nvm으로 Node.js 버전 변경

mac OS를 기반의 nvm으로 node 버전 관리 방법

velog.io

https://dane-itview.tistory.com/entry/nvm-%EC%82%AC%EC%9A%A9%EC%8B%9C-node-%EB%B2%84%EC%A0%84-%EA%B8%B0%EB%B3%B8%EA%B0%92-%EB%B3%80%EA%B2%BD-%ED%95%98%EA%B8%B0

 

nvm 사용시 node 버전 기본값 변경 하기

node 버전 에러 npm을 통해서 모듈을 설치하다보면 위와 같은 에러 메세지를 보는 경우가 있다. the engine "node" is imcompatible with module. Expected version ">=14.0.0" Got "12.19.0" 내가 설치하고자 하는 모듈의 nod

dane-itview.tistory.com

 

 

 

git clone 하고 나서 aos 빌드시 나는 에러

https://stackoverflow.com/questions/44360544/react-native-run-android-fails-could-not-install-app

 

react-native run-android fails, could not install app

I m having a problem when I try to run my react-native application in my Android Device. The device is connected even when I make sure that it is. adb devices List of devices attached HMNBBCE6A282...

stackoverflow.com

 

 

 

 

mac 자바설치 
https://blog.karsei.pe.kr/58

 

[Linux] Mac 에서 OpenJDK 17 설치하기 (Homebrew)

아래 명령어를 입력해서 다운로드한다. $ brew install openjdk@17 나타나는 화면에서 다운로드할 때 어떤 버전을 다운로드받고 있는지 확인할 수 있다. 또한 다운로드 후 사용자가 할 수 있는 작업들

blog.karsei.pe.kr

 

 

 

 

 

프로젝트 생성시 node 버전과 지금의 node 버전이 맞지 않을때 발생하는 오류
https://stackoverflow.com/questions/69692842/error-message-error0308010cdigital-envelope-routinesunsupported

 

Error message "error:0308010C:digital envelope routines::unsupported"

I created the default IntelliJ IDEA React project and got this: Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHa...

stackoverflow.com

 

 

 

 

 

새로운 리액트 네이티브 프로젝트를 만들려고 하는데 기존 버전보다 높은 상황이여서 새로운 에러들이 발생하였다.

그래서 그 부분에 대해 적어놓기로 했다.

 

우선 React Native 와 Swift 브릿지 기능을 추가해야 하는 상황이기에 관련 사이트를 찾아보았다.

https://teabreak.e-spres-oh.com/swift-in-react-native-the-ultimate-guide-part-1-modules-9bb8d054db03

 

Swift in React Native - The Ultimate Guide Part 1: Modules

This is a 2 part series intended to help all web & mobile developers that need to build custom Swift Classes or APIs and use them in React…

teabreak.e-spres-oh.com

 

 

그리고 IOS 푸시 관련 기능도 추가해야 하기 때문에 관련 사이트를 찾아 보았다.

 

https://stackoverflow.com/questions/58022324/warning-while-setting-up-pushnotificationios-on-foreground-in-react-native

 

Warning while setting up PushNotificationIOS on foreground in React Native

I am getting the following warning on Xcode while setting up foreground push notification on IOS: Assigning to 'id<UNUserNotificationCenterDelegate> _Nullable' from incompatible type 'AppDe...

stackoverflow.com

https://stackoverflow.com/questions/72289521/swift-pods-cannot-yet-be-integrated-as-static-libraries-firebasecoreinternal-lib

 

Swift pods cannot yet be integrated as static libraries FirebaseCoreInternal-library

I am building an app by Flutter. I got this error message when doing "pod install" or "pod install --repo-update" or "pod update" and the pod install failed and stoppe...

stackoverflow.com

 

 

React Nattive ios 푸시 관련해서도 적어 놓겠다.

 

react-native-push-notification@ios 에러 

https://github.com/react-native-push-notification/ios/issues/150

 

Use of undeclared identifier 'RNCPushNotificationIOS' · Issue #150 · react-native-push-notification/ios

Question the error will be shown when i archive project ,but on debug mode it works without any problem I imported #import <UserNotifications/UserNotifications.h> #import <RNCPushNotificationIOS.h>...

 

github.com

 

다양한 부분들의 사이트들을 늘어놓았다.

 

이렇게 하는 이유는 다양한 해결방법을 제시하기 위해서이다.

 

나중에 시간이 지나서 같은 에러가 나서 해결방법을 찾아볼때 도움이 될듯하다. 기억이 새록새록 나기 때문이다 

 

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."