AsyncStorage module not found in /expo/build/Notifications - react-native

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.

This module (AsyncStorage) is not available on react-native-web : ^0.12.
If you need to use the AsyncStorage you can use the version: "react-native-web": "0.11.7",
PS: you can check updates on that subject at this issue: https://github.com/necolas/react-native-web/issues/1515
The official position is:
Use 0.11 until the community packages add web support.
They've known this was coming for 9 months react-native-community/async-storage#52
Regards

Related

How to Upgrade React Native Version 0.66.3 to 0.70.6?

Currently, my project running on the 0.66.3 version I need to upgrade to react native version 0.70.6. So I have used to following command
npx react-native upgrade
After running this command showing some error I have attached a screenshot please refer.
I am also trying the manual way using react native helper but some files are not available in my project.
so anyone please tell me how I will upgrade my project version?
After Run npx react-native run-android my build was created successfully but 3 errors showing in the metro bundler. I have attached a screenshot of the metro bundler error.
you can specify a React Native version and pass it as an argument:
npx react-native upgrade 0.70.6
you can also refer this official documentation for this
& it will also helps you if you got any error.
https://reactnative.dev/docs/upgrading
I found by changing react-native - index.js and react-native/Libraries/Text - index.js
Follow this link for output:
https://github.com/facebook/react-native/commit/3f629049ba9773793978cf9093c7a71af15e3e8d
Don't know whether it is the right way or not....
Since upgrading an application can break functionality in your app if you do not know what is needed to be changed. the upgrade is tells you to visit the pages to go through and see what has changed throughout the upgrading process.
Other as that I am just needing more information regarding to what is not working. Since upgrading is more as just running a command, its about reading the documentation and see what part is missing and what they replaced the files with. The missing files could be straight-out deprecated and not working with the new version.
As always check the debugger and read every message throughout and visit all links given and see the documentation regarding the upgrade differences, find out if there are any log files you could look at, and talk with people in your company / group of react-native about this.
"Some files are not available in my project"
This part might just be able to google and see if this is still supported or not in the version it could be phased out, or not supported in the version. that's where versioning comes in to play.
I am unsure what files and which libraries are deprecated based on your Opening Post, this needs more information, to help us, help you.

React Native 0.59 to 0.69 Post Upgrade Error - Facebook.React.Bridge Does Not Exist

After I upgraded React Native from 0.59 to 0.69, and dealing with some various errors, there is one last one I can't seem to solve..I noticed after running my react-native run-android command the following error:
/node_modules/react-native-splash-screen/android/src/main/java/org/devio/rn/splashscreen/SplashScreenModule.java:3: error: package com.facebook.react.bridge does not exist
import com.facebook.react.bridge.ReactApplicationContext;
it actually generates about 20 errors, all mentioning various sub libraries beneath react.bridge. I've been quite stuck on what to do here and thought maybe I need to rewrite something.
The error references a splash screen module I was using (which I upgraded to the latest) located at: https://www.npmjs.com/package/react-native-splash-screen
Is com.facebook.react.bridge no longer used, or do I need to reinstall something and maybe the upgrade caused some sort of problem? I am using Android Studio (which I also had to upgrade) if that helps.
Thank you so much for any help you can provide!

Cant run setDebugModeEnabled on Expo for Firebase Analytics

So to give a little context im using expo-firebase-analytics (latest version) on Expo (27) and im trying to activate setDebugModeEnabled so that i can use the debugView on firebase analytics.
The problem is that when running it i get the following warning
The method or property expo-firebase-analytics.setDebugModeEnabled is not available on ios, are you sure you've linked all the native dependencies properly?]
I havent found any information about it on the web
Have you tried installing the latest version of expo-firebase-analytics since expo install brings an older one
Ok so i tried to reproduce the issue.It seems ("even though it seemed obvious") that its not available for a reason on ios. but it is in android. if you use an android device it shoudl work seamlesly
if you check on the exports is the function there?

Does react-script-ts support create-react-app and CSS/SCSS Modules?

Now that create-react-app has released v2, I want to create a new React App using Typescript and SCSSModules or CSSModules?
Am wondering if anyone managed to make this work? I am getting a Cannot find module ./Styles.module.scss when I import styles from "./Styles.module.scss";
Any thoughts/help with this would be highly appreciated.
Turns out this is not yet supported by react-script-ts released versions, but you can use it by using the 4.0.8 version of react-scripts-ts.
Please see https://github.com/facebook/create-react-app/pull/4837

flow error messages in react-native

I was using this guide to setup vscode before starting a react native project (tutorial link).
After installing flow-bin, reactive native library compnents are showing lots of errors. Although, the test project is running fine. Here is the screenshot for the same:
Can some help me for if I have missed something?
Thanks in advance!
by adding this in .flowconfig [options] section:
unsafe.enable_getters_and_setters=true
The error asked in this question will be fixed.