Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" #24

a-eid · 2021-03-09T13:22:20Z

I weirdly get this error somettimes / often

context:

I check for the token right away globally in the app, could it be that MMKV is not available then ?

mrousavy · 2021-03-09T13:24:33Z

MMKV is being initialized as soon as the bridge is being set (see here), afaik that is before JS code can be executed so it shouldn't be undefined. Could you try adding a breakpoint there to see what gets executed first?

a-eid · 2021-03-09T13:29:19Z

@mrousavy sorry, I'm not really sure how to do that, but will try and report back if I am successful.

mrousavy · 2021-03-09T13:31:06Z

Just open your project (.xcworkspace) in Xcode, press Command + Shift + O, search for "Mmkv" and open the Mmkv.mm file. then scroll to the line I linked, click the line number at the left and run the app from Xcode. it will pause execution at the breakpoint.

a-eid · 2021-03-09T13:47:40Z

@mrousavy it does hit the [MMKV initializeMMKV:nil]; line while on the native splash screen.

this log might be helpful.

[Tue Mar 09 2021 15:50:18.718]  LOG      Running "overlay/splash" with {"rootTag":31,"initialProps":{"componentId":"Component1"}}
[Tue Mar 09 2021 15:50:18.862]  WARN     Possible Unhandled Promise Rejection (id: 0):
TypeError: _reactNativeMmkv.MMKV.getString is not a function. (In '_reactNativeMmkv.MMKV.getString(TOKEN_KEY)', '_reactNativeMmkv.MMKV.getString' is undefined)
getToken@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:102145:43
_callee$@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:103078:41
tryCatch@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:1444:23
invoke@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:1617:32
tryCatch@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:1444:23
invoke@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:1517:30
http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:1527:21
tryCallOne@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:6438:16
http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:6539:27
_callTimer@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:30977:17
_callImmediatesPass@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:31016:17
callImmediates@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:31233:33
__callImmediates@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:5732:35
http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:5518:34
__guard@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:5715:15
flushedQueue@http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false:5517:21
flushedQueue@[native code]
invokeCallbackAndReturnFlushedQueue@[native code]

I'm not sure why it says, Possible Unhandled Promise Rejection (id: 0):.

a-eid · 2021-03-09T22:57:53Z

please let me know if I can provide any more help.

mrousavy · 2021-03-11T18:28:28Z

So apparently all of this happens when Hot-Reloading, not normally when starting.

crisfcodes · 2021-03-14T20:52:36Z

I'm getting the similar error in expo app:

TypeError: _reactNativeMmkv.MMKV.getString is not a function. (In
 '_reactNativeMmkv.MMKV.getString(name)', '_reactNativeMmkv.MMKV.
getString' is undefined)

expo is supported?

a-eid · 2021-03-15T00:46:16Z

@Cristian05 this package does not work with expo.

mrousavy · 2021-03-22T12:48:01Z

Can you check if the newest version (1.1.6) works for you? Note that it requires some additional installation steps, see INSTALL.md.

Also, if you can't import the library see this issue which includes a temporary workaround. I'll find a fix that requires no native changes at all soon 👍

a-eid · 2021-03-27T03:38:55Z

when installing with reanimated 2, do we need to replace this ?

protected JSIModulePackage getJSIModulePackage() {
   return new ReanimatedJSIModulePackage();
}

a-eid · 2021-03-27T03:44:58Z

also the app failed building on android

> Task :app:compileDebugJavaWithJavac FAILED

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.7/userguide/command_line_interface.html#sec:command_line_warnings
290 actionable tasks: 271 executed, 19 up-to-date
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-community/async-storage/android/src/main/java/com/reactnativecommunity/asyncstorage/AsyncStorageModule.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: [2] Wrote GeneratedAppGlideModule with: [com.bumptech.glide.integration.okhttp3.OkHttpLibraryGlideModule, com.dylanvann.fastimage.FastImageOkHttpProgressGlideModule]
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/react-native-geolocation-service/android/src/main/java/com/agontuk/RNFusedLocation/LocationUtils.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-picker/picker/android/src/main/java/com/reactnativecommunity/picker/ReactPickerManager.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@sentry/react-native/android/src/main/java/io/sentry/react/RNSentryModule.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/AlsagheerJSIPackage.java:5: error: package com.reactnativemmkv does not exist
import com.reactnativemmkv.MmkvModule;
                          ^
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/MainApplication.java:44: error: cannot find symbol
            return new AlsagheerJSIPackage();
                       ^
  symbol: class AlsagheerJSIPackage
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/AlsagheerJSIPackage.java:16: error: cannot find symbol
        MmkvModule.install(jsContext, reactApplicationContext.getFilesDir().getAbsolutePath() + "/mmkv");
        ^
  symbol:   variable MmkvModule
  location: class AlsagheerJSIPackage
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/debug/java/com/alsagheer/ReactNativeFlipper.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
3 errors

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 16s

error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.
Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-community/async-storage/android/src/main/java/com/reactnativecommunity/asyncstorage/AsyncStorageModule.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: [2] Wrote GeneratedAppGlideModule with: [com.bumptech.glide.integration.okhttp3.OkHttpLibraryGlideModule, com.dylanvann.fastimage.FastImageOkHttpProgressGlideModule]
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/react-native-geolocation-service/android/src/main/java/com/agontuk/RNFusedLocation/LocationUtils.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-picker/picker/android/src/main/java/com/reactnativecommunity/picker/ReactPickerManager.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@sentry/react-native/android/src/main/java/io/sentry/react/RNSentryModule.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/AlsagheerJSIPackage.java:5: error: package com.reactnativemmkv does not exist
import com.reactnativemmkv.MmkvModule;
                          ^
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/MainApplication.java:44: error: cannot find symbol
            return new AlsagheerJSIPackage();
                       ^
  symbol: class AlsagheerJSIPackage
/Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/main/java/com/alsagheer/AlsagheerJSIPackage.java:16: error: cannot find symbol
        MmkvModule.install(jsContext, reactApplicationContext.getFilesDir().getAbsolutePath() + "/mmkv");
        ^
  symbol:   variable MmkvModule
  location: class AlsagheerJSIPackage
Note: /Users/ahmedeid/zeal/alsagheer-app-reactnative/android/app/src/debug/java/com/alsagheer/ReactNativeFlipper.java uses or overrides a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
3 errors

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 16s

    at makeError (/Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/execa/index.js:174:9)
    at /Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/execa/index.js:278:16
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at async runOnAllDevices (/Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:94:5)
    at async Command.handleAction (/Users/ahmedeid/zeal/alsagheer-app-reactnative/node_modules/@react-native-community/cli/build/index.js:186:9)
info Run CLI with --verbose flag for more details.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

a-eid · 2021-03-27T03:46:22Z

mrousavy · 2021-03-27T09:02:06Z

On which MMKV version are you? You need 1.1.6

a-eid · 2021-03-27T09:09:34Z

@mrousavy ^1.1.6 yes.

alexreyes · 2021-04-01T16:48:35Z

Can also confirm that the latest version doesn't work with Expo. If this library got Expo support it would be amazing

a-eid · 2021-04-01T22:02:01Z

@alexreyes the library is not supported by expo.

yelnar · 2021-04-28T11:23:37Z

@a-eid did you find how to resolve your issue somehow?

etomarat · 2021-06-21T17:39:59Z

I have same issue! How to resolve this?

jesseproudman · 2021-06-27T22:12:25Z

It should be noted, this will also appear when using Codepush from Microsoft App Center.

mrousavy · 2021-06-28T07:21:27Z

@jesseproudman could you elaborate? I am using CodePush and MMKV works fine for me.

jesseproudman · 2021-06-28T14:43:07Z

@mrousavy Absolutely.

We've got a React-Native 0.64 app deployed via Test Flight, integrated with Appcenter / Codepush.

We're seeing frequent exceptions being raised on app boot:

TypeError: f.MMKV.getString is not a function. (In 'f.MMKV.getString("veriff-status")', 'f.MMKV.getString' is undefined)

Many of these seem to be post a Codepush update which I would assume triggers hot reloading. Many of them also just appear on first boot based on the time stamps in the logs:

08:29:47 / Running "app" with {"rootTag":1,"initialProps":{}}
08:29:47 / [CodePush] Checking for update.
08:29:47 / TypeError: t.MMKV.getString is not a function. (In 't.MMKV.getString("user-email")', 't.MMKV.getString' is undefined)

Would be super interested if you have any ideas on how to debug given yours is working. :)

sauldom102 · 2021-06-30T14:05:05Z

@mrousavy I'm running into the same problem as @jesseproudman, we're not using Expo, just react-native-unimodules, it's really annoying having these random crashes, probably as you said it's due to some race condition, any help would be appreciated, thanks in advance!

mrousavy · 2021-07-06T06:56:45Z

could anyone test if the changes in #92 fix this issue?

jesseproudman · 2021-07-07T03:41:59Z

@mrousavy giving this a go. thanks!

jesseproudman · 2021-07-09T05:31:58Z

This appears to have solved our issues. Will know more over the coming days.

jesseproudman · 2021-07-18T16:28:01Z

Just wanted to close the loop - We have not seen this particular error occur in production with this patch active.

mrousavy added the bug Something isn't working label Mar 15, 2021

mrousavy changed the title ~~_reactNativeMmkv.getString is not a function ?~~ Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" Mar 15, 2021

mrousavy closed this as completed Apr 6, 2021

mrousavy mentioned this issue Jul 6, 2021

fix: Fix race condition crash on iOS #92

Merged

sauldom102 mentioned this issue Jul 8, 2021

[Bug] Fatal signal 7 (SIGBUS), code 1 (BUS_ADRALN), fault addr 0x74ff2c183d in tid 3613 (mqt_js), pid 3455 #88

Closed

rish033 mentioned this issue Mar 22, 2023

[Android] app crash on startup in debug build #531

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" #24

Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" #24

a-eid commented Mar 9, 2021

mrousavy commented Mar 9, 2021

a-eid commented Mar 9, 2021

mrousavy commented Mar 9, 2021

a-eid commented Mar 9, 2021 •

edited

Loading

a-eid commented Mar 9, 2021 •

edited

Loading

mrousavy commented Mar 11, 2021

crisfcodes commented Mar 14, 2021 •

edited

Loading

a-eid commented Mar 15, 2021

mrousavy commented Mar 22, 2021 •

edited

Loading

a-eid commented Mar 27, 2021

a-eid commented Mar 27, 2021

a-eid commented Mar 27, 2021

mrousavy commented Mar 27, 2021

a-eid commented Mar 27, 2021 •

edited

Loading

alexreyes commented Apr 1, 2021 •

edited

Loading

a-eid commented Apr 1, 2021

yelnar commented Apr 28, 2021

etomarat commented Jun 21, 2021

jesseproudman commented Jun 27, 2021

mrousavy commented Jun 28, 2021

jesseproudman commented Jun 28, 2021 •

edited

Loading

sauldom102 commented Jun 30, 2021 •

edited

Loading

mrousavy commented Jul 6, 2021

jesseproudman commented Jul 7, 2021

jesseproudman commented Jul 9, 2021

jesseproudman commented Jul 18, 2021

Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" #24

Hot reloading/Fast refreshing throws error: "_reactNativeMmkv.getString is not a function" #24

Comments

a-eid commented Mar 9, 2021

mrousavy commented Mar 9, 2021

a-eid commented Mar 9, 2021

mrousavy commented Mar 9, 2021

a-eid commented Mar 9, 2021 • edited Loading

a-eid commented Mar 9, 2021 • edited Loading

mrousavy commented Mar 11, 2021

crisfcodes commented Mar 14, 2021 • edited Loading

a-eid commented Mar 15, 2021

mrousavy commented Mar 22, 2021 • edited Loading

a-eid commented Mar 27, 2021

a-eid commented Mar 27, 2021

a-eid commented Mar 27, 2021

mrousavy commented Mar 27, 2021

a-eid commented Mar 27, 2021 • edited Loading

alexreyes commented Apr 1, 2021 • edited Loading

a-eid commented Apr 1, 2021

yelnar commented Apr 28, 2021

etomarat commented Jun 21, 2021

jesseproudman commented Jun 27, 2021

mrousavy commented Jun 28, 2021

jesseproudman commented Jun 28, 2021 • edited Loading

sauldom102 commented Jun 30, 2021 • edited Loading

mrousavy commented Jul 6, 2021

jesseproudman commented Jul 7, 2021

jesseproudman commented Jul 9, 2021

jesseproudman commented Jul 18, 2021

a-eid commented Mar 9, 2021 •

edited

Loading

a-eid commented Mar 9, 2021 •

edited

Loading

crisfcodes commented Mar 14, 2021 •

edited

Loading

mrousavy commented Mar 22, 2021 •

edited

Loading

a-eid commented Mar 27, 2021 •

edited

Loading

alexreyes commented Apr 1, 2021 •

edited

Loading

jesseproudman commented Jun 28, 2021 •

edited

Loading

sauldom102 commented Jun 30, 2021 •

edited

Loading