React Native에 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로 안드로이드 프로젝트를 진행하시는 분들께 조금이라도 도움이 되었으면 좋겠습니다.

Github Sponsor

Buy me a coffee

제 블로그가 도움이 되셨나요? 하단의 댓글을 달아주시면 저에게 큰 힘이 됩니다!

앱 홍보

지금 보고 계신 블로그를 작성하는 Deku가 개발한 앱을 한번 사용해보세요.
Deku가 개발한 앱은 Flutter로 개발되었습니다.

관심있으신 분들은 앱을 다운로드하여 사용해 주시면 정말 감사하겠습니다.

책 홍보

블로그를 운영하면서 좋은 기회가 생겨 책을 출판하게 되었습니다.

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

쿠팡: 구매하기
yes24: 구매하기
교보문고: 구매하기
알라딘: 구매하기

쿠팡: 구매하기
yes24: 구매하기
교보문고: 구매하기
알라딘: 구매하기

[심통]현장에서 바로 써먹는 리액트 with 타입스크립트 : 리액트와 스토리북으로 배우는 컴포넌트 주도 개발, 심통

쿠팡: 구매하기
yes24: 구매하기
교보문고: 구매하기
알라딘: 구매하기

React Native에 Multidex 설정하기

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

목차

개요

Gradle 설정

Java 파일 수정

완료

앱 홍보

책 홍보