React Native에 Multidex 설정하기

2020-05-11 hit count image

React Naitve 프로젝트에서 안드로이드에 Multidex를 설정하는 방법에 대해서 알아봅시다.

개요

React Native로 앱을 개발하다보면 아래와 같은 에러를 나올 때가 있습니다.

Cannot fit requested classes in single dex file

이 문제를 해결하기 위해 React Native 프로젝트에 Multidex를 설정할 필요가 있습니다. 그럼 React Native 프로젝트에 Multidex를 설정하는 방법에 대해서 알아봅시다.

Gradle 설정

React Native 프로젝트의 안드로이드에 Multidex를 설정하기 위해서, android/app/build.gradle 파일을 열고 아래와 같이 수정합니다.

android {
    defaultConfig {
        ...
        versionName "1.0"
        multiDexEnabled true
    }
    ...
}

dependencies {
  def multidex_version = "2.0.1"
  implementation 'androidx.multidex:multidex:$multidex_version'
}

Java 파일 수정

위와 같이 Gradle 파일을 수정하였다면, MainApplication.java 파일을 열고 아래와 같이 수정합니다.

import androidx.multidex.MultiDexApplication;

public class MainApplication extends MultiDexApplication implements ReactApplication {
  ...
}

완료

이것으로 React Native에 Multidex를 설정하는 방법에 대해서 알아보았습니다. 이렇게 설정한 후, 아래에 명령어로 안드로이드를 실행하면 문제없이 실행되는 것을 확인할 수 있습니다.

npm run android

이 블로그 포스트가 React Native로 안드로이드 프로젝트를 진행하시는 분들께 조금이라도 도움이 되었으면 좋겠습니다.

책 홍보

저도 블로그를 시작한지 1년만에...책을 다 써봅니다...인생에서 이런 날도 오는군요...타국에서 책 출판도 할 수 있고, 참 좋은 세상입니다.

이번에 쓴 책은 스무디 한 잔 마시며 끝내는 React Native입니다. 다양한 예제를 통해 리액트 네이티브를 공부할 수 있도록 구성해 보았습니다. 또한 설치부터 배포까지 실전에서도 사용할 수 있는 내용들을 담고 있습니다.

아래 링크를 통해 제가 쓴 책을 구매하실 수 있습니다.
많은 분들에게 도움이 되면 좋겠네요.

스무디 한 잔 마시며 끝내는 React Native React Native로 실전 스마트폰 앱 만들기
Posts