概要
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でアンドロイドプロジェクトを進めている方へ少しでも役に立ったら嬉しいです。
私のブログが役に立ちましたか？下にコメントを残してください。それは私にとって大きな大きな力になります！
アプリ広報
今見てるブログを作成た
興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。
Dekuが開発したアプリを使ってみてください。Dekuが開発したアプリはFlutterで開発されています。興味がある方はアプリをダウンロードしてアプリを使ってくれると本当に助かります。
