显示模块未找到错误，即 'Unable to resolve module @react-native-community/async-storage' 即使模块已安装

Question

我已经安装了来自 official documentation 的“@react-native-community/async-storage”模块，并尝试在 Android 模拟器上运行该应用程序，但该应用程序出现故障并显示“找不到模块”错误。

这是我要导入异步存储模块的 App.js 文件。

import React, {useState, useEffect} from 'react';
import {View} from 'react-native';
import {createStackNavigator} from '@react-navigation/stack';
import LoginScreen from '../screens/Login';
import OnboardingScreen from '../screens/Onboarding';
import AsyncStorage from '@react-native-community/async-storage';



const Stack = createStackNavigator();

export const AuthStack = () => {
  const [isFirstLaunch, setIsFirstLaunch] = useState(null);
  let routeName;

  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) {
    routeName = 'Onboarding';
  } else {
    routeName = 'Login';
  }

  return (
    <Stack.Navigator initialRouteName={routeName}>
      <Stack.Screen
        name="Onboarding"
        component={OnboardingScreen}
        options={{header: () => null}}
      />
      <Stack.Screen
        name="Login"
        component={LoginScreen}
        options={{header: () => null}}
      />
      
      <Stack.Screen name="SignUp" component={SignUpScreen}/>
    </Stack.Navigator>
  );
};

这些是 package.json 文件中的依赖项

"dependencies": {
    "@react-native-async-storage/async-storage": "^1.14.1",
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/native": "^5.9.3",
    "@react-navigation/stack": "^5.14.3",
    "expo": "~40.0.0",
    "expo-status-bar": "~1.0.3",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
    "react-native-gesture-handler": "^1.8.0",
    "react-native-onboarding-swiper": "^1.1.4",
    "react-native-reanimated": "~1.13.0",
    "react-native-safe-area-context": "3.1.9",
    "react-native-screens": "~2.15.2",
    "react-native-web": "~0.13.12"
  },

这是错误

Failed building JavaScript bundle.
Unable to resolve module @react-native-community/async-storage from C:\Users\Jayant Mukundam\Desktop\te-project\cirl_v2\App.js: @react-native-community/async-storage could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*

此外，我无法弄清楚如何按照错误部分中建议的步骤进行操作。

Answer 1

导入语句错误。尝试从 react-native-async-storage 导入 AsyncStorage。

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

而不是

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

在您的 app.js 文件中

显示模块未找到错误，即 'Unable to resolve module @react-native-community/async-storage' 即使模块已安装

Showing module not found error i.e. 'Unable to resolve module @react-native-community/async-storage' even if the module is installed

javascript

android

reactjs

react-native

asyncstorage