수상한 산산지의 블로그.:`★ 수상한 산산지의 블로그.:`★

수상한 프로그래머/React Native

• Cause: error=86, Bad CPU type in executable 에러 발생시

  수상한 프로그래머/React Native 2023. 4. 5. 23:41

  필자는 맥북 프로 14 M1 Pro에서 처음 안드로이드 스튜디오에서 프로젝트를 오픈한뒤 빌드를 하는 과정에서 Cause: error=86, Bad CPU type in executable 이라는 에러가 발생하였다. 이럴땐 로제타를 업그레이드 해주자. 터미널을 열고 softwareupdate --install-rosetta 라고 친뒤 실행 다시 빌드해보면?? 성공 ^,.^

  Read More
• com.facebook.react.commot.JavascriptException: Invalid or unexpected token

  수상한 프로그래머/React Native 2023. 3. 25. 02:08

  module.exports = { presets: ['module:metro-react-native-babel-preset'], }; to: module.exports = { presets: [['module:metro-react-native-babel-preset', { unstable_disableES6Transforms: true }]], };

  Read More
• react native node 서버가 안 뜬다면??? error Invalid regular expression

  수상한 프로그래머/React Native 2023. 3. 25. 01:32

  error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class. Run CLI with --verbose flag for more details. 이렇게 에러가 나오면 해당 폴더의 \node_modules\metro-config\src\defaults\blacklist.js로 이동한 다음 var sharedBlacklist = [ /node_modules[/\\]react[/\\]dist[/\\].*/, /website..

  Read More
• androidX 관련 오류시 대처사항 총집합

  수상한 프로그래머/React Native 2023. 3. 10. 01:11

  1. import android.support.annotation.Nullable 오류시 -> import androidx.annotation.Nullable 로 대체 (import android.support.annotation 로 시작하는클래스는 건 모두 import androidx.annotation 로 변경) 2. cannot find symbol @Nullable 오류시 -> build.gradle(app) 에 implementation 'androidx.appcompat:appcompat:1.1.0-rc01' 추가 3. import android.support.v4.util.Pools 오류시 -> import androidx.core.util.Pools 로 대체 ( android.support..

  Read More
• Error: cannot find symbol import com.google.android.gms.ads.InterstitialAd

  수상한 프로그래머/React Native 2023. 3. 9. 21:42

  react native에 admob 광고를 붙일때 react-native-admob이라는 패키지를 쓸텐데 Error: cannot find symbol import com.google.android.gms.ads.InterstitialAd 라는 오류가 발생하면 configurations.all { resolutionStrategy { force "com.google.android.gms:play-services-basement:17.0.0" force "com.google.android.gms:play-services-base:17.1.0" force "com.google.android.gms:play-services-stats:17.0.0" force "com.google.android.gms:play..

  Read More
• package com.facebook.react.bridge 를 못찾을때

  수상한 프로그래머/React Native 2023. 3. 9. 21:38

  package com.facebook.react.bridge does not exist import com.facebook.react.bridge.arguments; 와 같은 에러가 나면 해당 프로젝트의 android/app/build.gradle 에 들어가서 implementation "com.facebook.react:react-native:+" 라고 되어 있는 곳의 react-native 버전을 정확히 입력하고 sync now를 맞춰준다. implementation "com.facebook.react:react-native:0.58.3"

  Read More
• react-native-vector-icons ios 설치 후 설정 하기

  수상한 프로그래머/React Native 2022. 5. 17. 14:22

  프로그램 개발시 간단한 아이콘은 Vector Icon을 이용하는데 이때 유용한 react-native-vector-icons 라이브러리를 설치해보도록 하자. 설치는 간단하게 npm install react-native-vector-icons라고 치면 되지만 설정을 따로 해줘야되서 아래 내용을 보고 순서대로 따라해보자~! 1. xcode의 자신의 프로젝트명 폴더 아래에서 New Groups를 선택하고 이름을 Fonts라고 지정한다. 2. Finder에서 자신의 프로젝트 > node_modules > react-native-vertor-icons > Fonts 폴더로 이동하여 모든 파일을 드래그앤 드롭으로 아까 만든 xcode의 Fonts 그룹에 붙여 넣어준다. 이때 붙여넣기 옵션 중 Add to targe..

  Read More
• M1 맥북에서 POD Install 시 에러사항 해결 내용

  수상한 프로그래머/React Native 2022. 5. 13. 17:20

  에러 1 tried: '/Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle' (mach-o file, but is an incompatible architecture (have 'arm64', need 'x86_64')), '/usr/lib/ffi_c.bundle' (no such file) - /Library/Ruby/Gems/2.6.0/gems/ffi-1.15.5/lib/ffi_c.bundle (LoadError) 이럴경우에는 터미널에서 sudo arch -x86_64 gem install ffi 명령어를 이용하여 ffi를 설치해준다. 설치 후 pod install 명령어 대신 arch -x86_64 pod install 명령어로 설치를 실행해준다...

  Read More