AsyncStorage not available in RNW 0.12

[Sharathnasa]

Hi Team,

I'm getting the below mentioned error when i try run application in the web mode.

/node_modules/expo/build/Notifications/Notifications.js
Module not found: Can't resolve 'react-native-web/dist/exports/AsyncStorage' in '/Users/i322865/node_modules/expo/build/Notifications'

I'm using the latest expo(0.36, same error i faced when i was using 0.35 version as well) and react native web 0.12.0-rc.1. Please help to solve this issue and let me know if you require any further details

Regards,
Sharath

[cruzach]

Hi! Sorry, but the Notifications module isn't available for web. I'll update the docs to reflect that

Otherwise, hard to say what could be going on here without all the info we ask for in the bug report template. This snack uses AsyncStorage on web without an issue, so you might try debugging with it.

If you still have problems, please provide a full repro and I can reopen

[jaulz]

AsyncStorage is deprecated from 0.12on react-native-web and that's causing the issues I think.
@cruzach why is it not available on web? At least we do have the .web.js files here and I'm using it without issues.

[cruzach]

It's not explicitly supported. We have some code around it, but it's not a full implementation yet

[jaulz]

Ah, thanks for the clarification 😊

[actuallymentor]

It's not explicitly supported. We have some code around it, but it's not a full implementation yet

Even when not importing the Notification module I'm getting this error when using 0.12 of react-native-web.

[zeptonaut]

Yep - I searched my project for "import.*Notification" and nothing came up. I think this might be getting pulled in as a recursive dependency through another file that is web compatible, which is causing the problems.

Are there any guards in place to prevent Notifications from being pulled in as a transitive dependency of web-compatible files?

[Norfeldt]

@cruzach are you sure that the bug issue should be marked closed?
I'm also having the issue

[shubhamdeol]

@cruzach Please reopen this issue, I'm also having the same problem

[cruzach]

If you're having this issue, please share a minimal reproducible demo

For those using react-native-web 0.12, the version pinned in SDK 37 projects is 0.11

[actuallymentor]

If you're having this issue, please share a minimal reproducible demo

I think we've established that the issue arises when people update their react-native-web version.

[younes0]

the deprecated react-native AsyncStorage is not compatible with react-native-web 12.x.x and we can't use https://github.com/react-native-community/async-storage (which has support for web) unless we link (so need to eject)

please see:
react-native-async-storage/async-storage#317
necolas/react-native-web#1515 (comment)

[actuallymentor]

Browsers have native storage support that should be easy to implement. This is also perhaps relevant for expo secure storage web support.

[AdityaRanjanSingh]

I am facing the same issue as well. did you guys find a workaround

[actuallymentor]

Note that this is NOT a secure storage method, but an unsecure drop-in you could use for non sensitive items:

// This is NOT secure storage, just local storage
const { localStorage } = window

const UnsecureStorage = {
	getItemAsync: key => localStorage.getItem( key ),
	setItemAsync: ( key, value ) => localStorage.setItem( key, value ),
	deleteItemAsync: key => localStorage.removeItem( key )
}

export default UnsecureStorage

[cruzach]

this would be addressed by #8315

[deltamish]

Still having this issue after installing react-native-community/async-storage
command used: yarn add @react-native-community/async-storage

web Failed to compile.

D:/Work/Projects/VS/react-native-test/test-pdf-app/node_modules/expo/build/Notifications/Notifications.js
Module not found: Can't resolve 'react-native-web/dist/exports/AsyncStorage' in 'D:\Work\Projects\VS\react-native-test\test-pdf-app\node_modules\expo\build\Notifications'

Its highly difficult for a newcomer to find the answer as all closed comments led to hopping back and forth between multiple pages with no definitive solution.
Guess it would be better to have text saying what exactly to do in AsyncStorage doc in some frequently faced problem sub tag.

[EvanBacon]

This is fixed in SDK 38