인프런 커뮤니티 질문&답변

eject가 아니고 reject입니다 죄송합니다!

알려주신 방법을 시도해봤지만, 해당 방법으로 앱 실행 시 Promise rejection이 발생합니다.

import EncryptedStorage from 'react-native-encrypted-storage/';

const setEncryptedStorage = async <T>(key: string, value: T) => {
  await EncryptedStorage.setItem(key, JSON.stringify(value));
};

const getEncryptedStorage = async (key: string) => {
  const value = await EncryptedStorage.getItem(key);
  return value ? JSON.parse(value) : null;
};

const removeEncryptedStorage = async (key: string) => {
  const value = await EncryptedStorage.getItem(key);
  if (value) {
    await EncryptedStorage.removeItem(key);
  }
};

export {setEncryptedStorage, getEncryptedStorage, removeEncryptedStorage};

EncryptedStorage를 절대 경로로 import 했고, 이 코드를 기반으로 앱을 실행하면 컴파일 에러는 발생하지는 않습니다.

단, EcryptedStorage를 사용하는 코드가 실행되면 promise reject 및 storage 저장이 실행되지 않습니다. 아래 사진은 회원가입된 계정으로 로그인 시 removeItem 메서드에 대한 Promise reject 에러입니다.

즉,

1. import EncryptedStorage from 'react-native-encrypted-storage/';로 라이브러리를 불러오면 앱 실행 자체는 되지만(컴파일 에러 발생 X), EncryptedStorage 메서드를 사용하는 트리거(로그인) 발생 시 Promise reject가 발생하며 해당 라이브러리가 제대로 작동하지 않습니다.

2. import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage';로 import 하면(import문 입력 시 자동완성에 해당 경로밖에 없습니다) 앱 실행 시 컴파일 에러가 발생하면서 실행 자체가 되지 않습니다.

   
   

   Unable to resolve module react-native-encrypted-storage/lib/typescript/EncryptedStorage from /Users/popo/Desktop/ClipProjects/frontend/src/utils/encryptStorage.ts: react-native-encrypted-storage/lib/typescript/EncryptedStorage could not be found within the project or in these directories:
     node_modules
   > 1 | import EncryptedStorage from 'react-native-encrypted-storage/lib/typescript/EncryptedStorage';
       |                               ^
     2 |
     3 | const setEncryptedStorage = async <T>(key: string, value: T) => {
     4 |   await EncryptedStorage.setItem(key, JSON.stringify(value));
   
   RCTFatal
   __28-[RCTCxxBridge handleError:]_block_invoke
   _dispatch_call_block_and_release
   _dispatch_client_callout
   _dispatch_main_queue_drain
   _dispatch_main_queue_callback_4CF
   __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__
   __CFRunLoopRun
   CFRunLoopRunSpecific
   GSEventRunModal
   -[UIApplication _run]
   UIApplicationMain
   main
   start_sim
   0x0
   0x0
   

    

앱을 지우고 다시 빌드해도 동일한 에러가 발생하나요? 그리고 스토리지 유틸함수 사용처에서는 어떻게 사용하고있나요?

깃헙에 제공해주시는 코드 보고 리팩토링 했더니 해결이 됐습니다. 강의 보면서 함수명이라든가 조금 바꿔서 진행하다보니 syntax error가 발생했던 거 같습니다 답변 감사합니다!

해결되어다행입니다!!👍👍