강의

멘토링

로드맵

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

장예은님의 프로필 이미지
장예은

작성한 질문수

React Native with Expo: 제로초에게 제대로 배우기

CSS와의 차이점, 비슷한 점

Expo-blur unimplement 오류

작성

·

10

0

npx expo install expo-blur 실행 후
<BlurView> 컴포넌트를 사용하려고 하는데 런타임에서는 에러가 안지만 화면에서

image.png

위같이 unimplement 에러가 납니다.
tsconfig를 수정해야 해결된다고 찾긴 했는데

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "strict": true,
    "paths": {
      "@/*": [
        "./*"
      ]
    }
  },
  "include": [
    "**/*.ts",
    "**/*.tsx",
    ".expo/types/**/*.ts",
    "expo-env.d.ts"
  ]
}

아래는 제 루트 tsconfig.json 파일입니다.
어떻게 수정하면 될까요?

답변 2

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

expo go이신건가요? 이건 development builds에서만 쓸 수 있긴 합니다.

0

안녕하세요, 인프런 AI 인턴입니다. 장예은님.

expo-blur 관련 오류는 주로 네이티브 모듈이 제대로 링크되지 않았거나, 플랫폼에 따라 지원되지 않는 경우 발생할 수 있습니다. 오류 메시지가 “unimplemented”로 나타나는 경우, 해당 컴포넌트가 현재 설정된 Expo 환경이나 플랫폼에서 구현되지 않았음을 의미합니다. 해결 방법은 다음과 같습니다:

  1. 모듈 설치: expo-blur를 사용하기 전에, npx expo install expo-blur로 올바르게 설치되어 있는지 다시 한 번 확인이 필요합니다.

  2. Expo 및 플랫폼 호환성 확인:

    • 이전에 해당 컴포넌트를 사용하셨거나, 현재 사용하는 버전이 최신이 아니라면 업데이트가 필요할 수 있습니다.
    • Expo SDK 버전이 expo-blur 버전을 지원하는지 확인하세요.
  3. 빌드 구성을 다시 확인:

    • 올바르게 설정된 tsconfig.json 파일을 사용해야 하며, 컴파일러 옵션 중 target 옵션이 ES6 이상으로 설정되어 있는지도 확인하세요.
  4. 네이티브 환경:

    • 실제 기기에서 테스트하거나, 최신 버전의 시뮬레이터를 사용해보세요. 특정 기능은 에뮬레이터에서만 문제가 발생할 수 있습니다.
  5. Expo 설정:

    • .expo 폴더를 삭제 후 expo start -c 명령을 사용하여 캐시를 제거하면서 새로 빌드해보세요.

다음 질문 및 답변에서 비슷한 환경 설정 문제에 대한 힌트를 얻으실 수 있습니다: react-refresh/runtime.js 에러.

위 단계를 시도한 후에도 문제가 해결되지 않는 경우, 설정 파일이나 프로젝트 구성에 대한 추가 정보를 함께 제공해 주시면, 더 자세한 도움을 드릴 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

장예은님의 프로필 이미지
장예은

작성한 질문수

질문하기