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

❗질문 작성시 꼭 참고해주세요

• 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요.

   

• 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다.

   

• 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (

  일부만 자르거나 복사하지말아주세요.)

   

• 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.

IOS는 빌드가 잘 이뤄지지만 AOS에서 빌드 에러가 발생합니다.

react-native-reanimated 설치 이후 gradle이 문제인 것으로 보여져

여러 시도를 해봤는데 해결이 되지 않아 질문드립니다.

1. 개발 환경 정보

• Mac M1 Pro 사용.

   

• npx react-native doctor 명령어 실행 시 에러 발생 없음.

   

2. 프로젝트 버전 정보

• Android gradle plugin: 7.4.2

• Gradle: 8.0.1

• React-native: 0.72.17

• react-native-reanimated": "^3.15.0

• Node: 23.7.0

• Nvm: 0.40.1

• Ruby: 3.2.6

• java: openjdk 17.0.14 2025-01-21

package.json

{
  "name": "pawpaw",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-masked-view/masked-view": "^0.3.2",
    "@react-navigation/drawer": "^6.7.2",
    "@react-navigation/native": "^6.1.18",
    "@react-navigation/stack": "^6.4.1",
    "react": "18.2.0",
    "react-native": "0.72.17",
    "react-native-gesture-handler": "^2.22.1",
    "react-native-reanimated": "^3.16.7",
    "react-native-safe-area-context": "^5.1.0",
    "react-native-screens": "^4.5.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/eslint-config": "^0.72.2",
    "@react-native/metro-config": "^0.72.12",
    "@tsconfig/react-native": "^3.0.0",
    "@types/react": "^18.0.24",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.2.1",
    "eslint": "^8.19.0",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "^0.76.9",
    "prettier": "^2.4.1",
    "react-test-renderer": "18.2.0",
    "typescript": "4.8.4"
  },
  "engines": {
    "node": ">=16"
  }
}

3. zshrc 정보

export PATH="/opt/homebrew/bin:$PATH"

export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \\. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \\. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

export PATH=$HOME/.rbenv/shims:$PATH
eval "$(rbenv init - zsh)"

4.문제 해결을 위한 시도

1)gradle.properties에 추가 속성을 설정

android.disableAutomaticComponentCreation=true
org.gradle.java.home=/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home

2) react-native-reanimated 3.5.4 ,3.3.0버전과 3.16.7버전 설치 후 빌드를 시도해도 해결 X

3) babel.config.js에 react-native-reanimated/plugin 추가

5.터미널에 발생한 에러 내용