A New Collection of Thoughtful Learning Apps — Now Available on iOS & Android

Image
I’m excited to share a set of mobile apps I’ve recently completed and published on both the Google Play Store and the Apple App Store. These apps are designed with a simple goal in mind: to make meaningful, structured content more accessible, whether you’re studying theology or improving your English vocabulary. 📱 Now Available on Both Platforms All apps are live and available for download: Google Play Developer Page: https://play.google.com/store/apps/dev?id=5835943159853189043 Apple App Store Developer Page: https://apps.apple.com/ca/developer/q-z-l-corp/id1888794100 📖 Theology & Confession Study Apps For those interested in Reformed theology and classical Christian teachings, I’ve developed a series of apps that present foundational texts in a clean, focused reading format: The Belgic Confession Canons of Dort Heidelberg Catechism Westminster Shorter Catechism Each app is designed to provide a distraction-free experience, making it easier to read, reflect, and revisit these im...

Fixing React Native Android Release Build Errors with TypeScript & Hermes

Fixing React Native Android Release Build Errors with TypeScript & Hermes



If your React Native Android release build fails after renaming index.js to index.ts, you're not alone. This is one of the most common issues when modernizing a React Native project with TypeScript and Hermes.

Here are the two major errors you’ll likely see:

Task ':app:createBundleReleaseJsAndAssets' property 'entryFile' specifies file 'index.js' which doesn't exist.

And later:

java.lang.OutOfMemoryError: Metaspace
Execution failed for task ':react-native-xxx:lintVitalAnalyzeRelease'

Let’s fix both problems step by step.


1. React Native Can’t Find Your Entry File

React Native expects your app’s entry file to be index.js. When you rename it to index.ts, Gradle doesn’t know where to look.

Open android/app/build.gradle and add this inside the react {} block:

react {
    entryFile = file("../../index.ts")
}

Also make sure your package.json points to it:

"main": "index.ts"

And confirm your metro.config.js supports TypeScript:

resolver: {
  sourceExts: ["js", "json", "ts", "tsx"]
}

2. Gradle Crashes with Metaspace OutOfMemoryError

This error happens when Android Lint analyzes React Native libraries during a release build and runs out of JVM Metaspace.

To fix this, open android/gradle.properties and increase Gradle memory:

org.gradle.jvmargs=-Xmx6g -XX:MaxMetaspaceSize=2g -Dfile.encoding=UTF-8

If your machine has less RAM, try:

org.gradle.jvmargs=-Xmx4g -XX:MaxMetaspaceSize=1g -Dfile.encoding=UTF-8

3. Disable Lint for Release Builds (Recommended)

Since these failures come from library linting (not your code), you can safely disable it for release builds.

Add this to android/app/build.gradle inside the android {} block:

android {
    lint {
        checkReleaseBuilds false
        abortOnError false
    }
}

4. Clean and Rebuild

Run:

cd android
./gradlew clean
cd ..
npx react-native run-android --variant=release

Done! 🎉

Your Android release build should now succeed with TypeScript and Hermes enabled.

This fix works for React Native 0.72+ and modern Gradle versions.

Happy coding!

❤️ Support This Blog


If this post helped you, you can support my writing with a small donation. Thank you for reading.


Comments

Popular Posts

A New Collection of Thoughtful Learning Apps — Now Available on iOS & Android

Recommend GC log analyzer tool : GCPlot & GCeasy

How to Prepare App Preview Videos and Screenshots for App Store Connect