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で開発されています。

興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。

React NativeでMultidexの設定

React NaitveのプロジェクトのアンドロイドへMultidexを設定する方法について説明します。

目次

概要

Gradle修正

Javaファイル修正

完了

アプリ広報