[Trouble Shooting] NativeModule: AsyncStorage is null.

⚠️ 에러 내용

React Native를 통해서 앱 개발시, WEB의 로컬스토리지와 같은 기능을 사용하기 위해서 Async Storage를 사용해야 했다. 이때,  Async Storage 사용하는 과정에서 애뮬레이터를 통해서 초기에 앱을 실행했을때, 다음과 같은 에러가 발생했다.

 

📌 에러 원인

Async Storage를 사용하기 위해 @react-native-community/async-storage 라이브러리를 사용하는데, 처음에는 라이브러리 자체의 문제인 것인가 싶어 ReLoad를 해보았지만,여전히 에러화면이 나타났다.

 

하지만 여기를 통해서 문제와 해결방법을 확인할 수 있었다.

 

이 문제는 주로 새 라이브러리를 설치하거나 일종의 작업을 통해 node_modules 폴더가 변경되었을 때 발생하는 문제였다. 다른 브랜치에서 작업을 하다가 main 브랜치로 이동하고 소스를 내려 받을때, 새로운 패키지를 설치하면서 캐시가 꼬이게 된 것이다.

 

✅ 해결 방법

해결책은 너무 간단하다. 캐시를 제거하고 Yarn 설치 또는 npm 재설치를 하니 해결이 되었다.

# 캐시 제거
npm start --reset-cache

# Android 재실행
npm run android

# iOS 재실행
for ios: npm run ios