即使它在文档中被调用和实现，也会发生反应本机异步存储渲染错误

Question

错误类型错误：未定义不是对象（评估“_$$_REQUIRE（_dependencyMap[6]，”@react本机异步存储/异步存储“）。异步存储.getItem'）

此错误位于：在 RCTView（在.js应用程序.js：32）的“视图”（在应用程序容器处.js：106）中的“在应用程序”（在呈现时.js：32）在“视图”（在应用程序容器处.js：133）中位于“应用程序”（在应用程序容器处.js：41）

阻止引用我的代码：`

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import OnboardingScreen from './Component/Onboardingscreen';
import LoginScreen from './Component/Loginscreen';
import { AsyncStorage } from '@react-native-async-storage/async-storage';
import { useEffect } from 'react';
const AppStack = createStackNavigator();

 const App =() => {
     const [isFirstLaunch, setIsFirstLaunch,] = React.useState(null);

     useEffect(() => {
         AsyncStorage.getItem('alreadyLaunched').then(value => {
             if(value == null) {
                 AsyncStorage.setItem('alreadyLaunched','true');
                 setIsFirstLaunch(true);
             } else {
                 setIsFirstLaunch(false);
             }
         });
     }, []);
     
     if (isFirstLaunch == null) {
         return null;
     } else if ( isFirstLaunch == true ){
        return (
            <NavigationContainer>
                <AppStack.Navigator
                headerMode='none'
                >
                    <AppStack.Screen name="OnboardingScreen" component={OnboardingScreen}/>
                    <AppStack.Screen name='login' component={LoginScreen} />
                </AppStack.Navigator>
            </NavigationContainer>
        );
     } else {
    return  <LoginScreen />;
 }
}

export default App;

`

Answer 1

如文档中所示，< code>AsyncStorage应作为默认导入而不是命名导入进行导入。

所以替换：

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

通过：

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