React Native 오류 정리

React Native로 개발을 진행하면서 발생한 오류를 정리해봤습니다.

네트워크

현상

FormData를 body에 넣어서 AJAX 요청을 보내면 Network error가 발생

해결 방법

/android/app/src/main/java/com/${project name}/MainApplication.java - line:47

@Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
    initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); // 주석 처리
  }

안드로이드 스튜디오

현상

Could not read script 'C:\Users\multicampus\Desktop\project\specialization-pjt\s03p23a410\frontend\node_modules\@react-native-community\cli-platform-android\native_modules.gradle' as it does not exist

해결방법

npm i @react-native-community/cli-platform-android

현상

프로젝트 작업 중에 라이브러리를 설치하면 빌드되지 않음

해결 방법

• cache 초기화

  node_module에 남아있는 캐시를 지워야 함

  라이브러리를 설치하면 해줄 것

  npm start --reset-cache

• gradle 초기화

  ./gradlew clean # 빌드 시 생성된 파일들을 초기화 합니다. android 폴더 안에서 실행 해야함
  # or
  "async gradle" in Android Studio //gradle의 설정을 로컬과 동기화합니다

현상

React Native CLI failed to determine Android project configuration. This is likely due to misconfiguration. Config output:
[root:C:\Users\multicampus\Desktop\project\specialization-pjt\s03p23a410\frontend, reactNativePath:C:\Users\multicampus\Desktop\project\specialization-pjt\s03p23a410\frontend\node_modules\react-native, dependencies:[:], commands:[], assets:[], platforms:[:], project:[:]]

해결방법

yarn install

카메라

현상

Unable to resolve dependency for ':react-native-camera@debug/compileClasspath': Could not resolve com.android.support:support-compat:27.1.1.

해결 방법

android/app/build.gradle

defaultConfig{
	missingDimensionStrategy 'react-native-camera', 'general'
}
// or
defaultConfig{
	missingDimensionStrategy 'react-native-camera', 'mlkit'
}