ERROR Error: [@RNC/AsyncStorage]: NativeModule: AsyncStorage is null.

[MiguelNiblock]

What happened?

Using the react-native cli, this error happens with a clean install of react-native and asyncStorage. Running on linux and android.

ERROR Error: [@RNC/AsyncStorage]: NativeModule: AsyncStorage is null.

What I've tried:

• react-native link @react-native-async-storage/async-storage and nothing changed.

I've seen many other issues with this, but no clear solutions other than that one. Is this library actually being maintained? I see a lot of projects depending on it and having issues too. Including the aws amplify library. Oh my!

Version

1.15.9

What platforms are you seeing this issue on?

• Android
• iOS
• macOS
• Windows
• web

System Information

System:
    OS: Linux 5.10 Manjaro Linux
    CPU: (4) x64 Intel(R) Core(TM) i7-7600U CPU @ 2.80GHz
    Memory: 860.66 MB / 19.30 GB
    Shell: 5.1.8 - /bin/bash
  Binaries:
    Node: 12.22.1 - ~/.nodenv/versions/12.22.1/bin/node
    Yarn: 1.22.11 - /usr/bin/yarn
    npm: 6.14.12 - ~/.nodenv/versions/12.22.1/bin/npm
    Watchman: 20210821.022905.0 - /usr/bin/watchman
  SDKs:
    Android SDK: Not Found
  IDEs:
    Android Studio: AI-203.7717.56.2031.7678000
  Languages:
    Java: 11.0.12 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.66.0 => 0.66.0 
  npmGlobalPackages:
    *react-native*: Not Found

Steps to Reproduce

The steps to reproduce are:

1. npx react-native init MyApp --template react-native-template-typescript
2. yarn add @react-native-async-storage/async-storage at the time of this writing, happened with version 1.15.9.
3. Import and use as normal. I.e:

import AsyncStorage from '@react-native-async-storage/async-storage';

const storeData = async (value) => {  try {    await AsyncStorage.setItem('@storage_Key', value)  } catch (e) {    // saving error  }}

[fatemekarami]

What happened?

Using the react-native cli, this error happens with a clean install of react-native and asyncStorage. Running on linux and android.

ERROR Error: [@RNC/AsyncStorage]: NativeModule: AsyncStorage is null.

What I've tried:

• react-native link @react-native-async-storage/async-storage and nothing changed.

I've seen many other issues with this, but no clear solutions other than that one. Is this library actually being maintained? I see a lot of projects depending on it and having issues too. Including the aws amplify library. Oh my!

Version

1.15.9

What platforms are you seeing this issue on?

• Android
• iOS
• macOS
• Windows
• web

System Information

System:
    OS: Linux 5.10 Manjaro Linux
    CPU: (4) x64 Intel(R) Core(TM) i7-7600U CPU @ 2.80GHz
    Memory: 860.66 MB / 19.30 GB
    Shell: 5.1.8 - /bin/bash
  Binaries:
    Node: 12.22.1 - ~/.nodenv/versions/12.22.1/bin/node
    Yarn: 1.22.11 - /usr/bin/yarn
    npm: 6.14.12 - ~/.nodenv/versions/12.22.1/bin/npm
    Watchman: 20210821.022905.0 - /usr/bin/watchman
  SDKs:
    Android SDK: Not Found
  IDEs:
    Android Studio: AI-203.7717.56.2031.7678000
  Languages:
    Java: 11.0.12 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.66.0 => 0.66.0 
  npmGlobalPackages:
    *react-native*: Not Found

Steps to Reproduce

The steps to reproduce are:

1. npx react-native init MyApp --template react-native-template-typescript
2. yarn add @react-native-async-storage/async-storage at the time of this writing, happened with version 1.15.9.
3. Import and use as normal. I.e:

import AsyncStorage from '@react-native-async-storage/async-storage';

const storeData = async (value) => {  try {    await AsyncStorage.setItem('@storage_Key', value)  } catch (e) {    // saving error  }}

I have a similar problem

[vibincp]

Hi Team,
Im facing the issue from yesterday on wards tried most of the fixes includes
1.react-native link @react-native-async-storage/async-storage
2.pod install

I think the issue is with dependency of async storage is not seen in the pod file
my pod file is as follows

# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'

target 'StudentIHM' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
  # Pods for StudentIHM

  target 'StudentIHM-tvOSTests' do
    inherit! :search_paths
    # Pods for testing
    pod 'react-native-netinfo', :path => '../node_modules/@react-native-community/netinfo'

    pod 'RNDeviceInfo', :path => '../node_modules/react-native-device-info'

    pod 'RNImageCropPicker', :path => '../node_modules/react-native-image-crop-picker'

    pod 'BVLinearGradient', :path => '../node_modules/react-native-linear-gradient'

    pod 'react-native-simple-toast', :path => '../node_modules/react-native-simple-toast'

    pod 'react-native-spinkit', :path => '../node_modules/react-native-spinkit'

    pod 'react-native-splash-screen', :path => '../node_modules/react-native-splash-screen'

    pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

    pod 'react-native-video', :path => '../node_modules/react-native-video'

    pod 'react-native-webview', :path => '../node_modules/react-native-webview'

  end

  target 'StudentIHMTests' do
    inherit! :search_paths
    # Pods for testing
  end

end

target 'StudentIHM-tvOS' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!

end

Any Solution ???

[tido64]

Can you post the contents of your Podfile.lock? Does it contain RNCAsyncStorage?

You're not supposed to use react-native link. It is only for react-native older than 0.60. If you've done it once, it will mess up your project files and you have to undo all of it.

[vibincp]

Hi @tido64 Im using RN 0.59.8
COCOAPODS: 1.11.2
@MiguelNiblock Did u get any solution ?

[MiguelNiblock]

@tido64 Thanks for your response. @vibincp , @fatemekarami , I actually solved it by deleting the dev app from the phone, and re-installing it. I think many people get stuck here because when others say "rebuild the app" this can often get confused with "re-bundle the app". I wonder if there's a better term to differentiate these two forms of "rebuilding".

Just for reference, this is my current Podfile. But perhaps it was different before re-installing the dev app, which was the source of the issue.

require_relative '../node_modules/react-native/scripts/react_native_pods'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'

platform :ios, '11.0'

target 'reactNative' do
  config = use_native_modules!

  use_react_native!(
    :path => config[:reactNativePath],
    # to enable hermes on iOS, change `false` to `true` and then install pods
    :hermes_enabled => false
  )

  target 'reactNativeTests' do
    inherit! :complete
    # Pods for testing
  end

  # Enables Flipper.
  #
  # Note that if you have use_frameworks! enabled, Flipper will not work and
  # you should disable the next line.
  use_flipper!()

  post_install do |installer|
    react_native_post_install(installer)
    __apply_Xcode_12_5_M1_post_install_workaround(installer)
  end
end

[vibincp]

@MiguelNiblock I tried the way as you said removed the app from my development device and rebuild the project, but the issue still exist
my config are
RN Version 0.59.8
@react-native-community/async-storage": "^1.12.1"
Xcode 12.0

Thanks..

[tido64]

@MiguelNiblock I tried the way as you said removed the app from my development device and rebuild the project, but the issue still exist my config are RN Version 0.59.8 @react-native-community/async-storage": "^1.12.1" Xcode 12.0

Thanks..

@vibincp: Please open a new issue with a minimal repro. It's likely that the issues you're seeing is completely different. That said, you might want to try upgrading both react-native and @react-native-async-storage/async-storage. Both are years old by now. This package has also changed name since, which might have caused confusion in code.

[vibincp]

@tido64 This is not the matter what ever the version is there should be a solution, right ?
why did you close the issue?
can you please suggest the versions which should be used for avoiding this issue?

[tido64]

The cause for AsyncStorage is null is numerous but is usually a problem with the setup. Never a problem with the package itself. Because you're using 0.59, the method for linking with AsyncStorage is different from if you were on 0.60 and upwards. Autolinking was introduced in 0.60 and removed a lot of pain, although you still occasionally hit this as we've seen here. 0.59 requires manual intervention. That's why I proposed that you try upgrading. If that's not possible, the best course of action is to create a new issue with a minimal repro. This is to avoid cluttering other people's issues. We can only help one person at a time, if time permits.

[vibincp]

@tido64 Thanks.....