React-Native 빌드 에러 (Failed to transform react-native-0.71.0-rc.0)

안녕하세요, 첼린지맨입니다.

공부한지는 꽤 되었지만, 최근에 다시 정리하면서 복습을 진행했는데요.

최근에 개발 환경을 다시 설치하고, 공부하면서 빌드 에러가 계속 떠서 애를 먹었습니다.

저는 Node JS를 최신버전인 18.x.x버전으로 다운로드했었는데, 빌드가 계속 안되서 힘들었거든요.

제가 마주한 에러는 아래와 같습니다.

Task :app:checkDebugAarMetadata FAILED
9 actionable tasks: 2 executed, 7 up-to-date

FAILURE: Build failed with an exception.

• What went wrong: Execution failed for task ':app:checkDebugAarMetadata'.

Could not resolve all files for configuration ':app:debugRuntimeClasspath'. **Failed to transform react-native-0.71.0-rc.0-**debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-aar-metadata, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-runtime}. Execution failed for JetifyTransform: C:\Users\wblee\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar. Java heap space

그래서 검색을 해보니 페이스북에서 github에 올려놓은 내용이 있어서 링크를 가져왔습니다.

[FIXED] Android build failures `No matching variant of com.facebook.react:react-native:0.71.0-rc.0 was found.` · Issue #35210 · facebook/react-native · GitHub

[FIXED] Android build failures `No matching variant of com.facebook.react:react-native:0.71.0-rc.0 was found.` · Issue #35210

결국에는 해당 버전이 문제가 있어 수정했다고 공지를 했습니다. 이를 해결하기 위해서는 아래의 내용을 진행해야합니다.

 

1. Package.json 파일에서 react-native 버전을 0.64.4로 변경 (이 내용은 저에 한해서 적용되는 내용입니다. 자신의 버전에 맞게 변경하면 되는데, 이 내용은 위 깃헙 블로그를 참조하면 됩니다.)

 

2. App 파일로 와서 터미널을 실행 후, yarn install 을 실행한다.

 

3. 여기서 그래도 에러가 발생할 경우, 아래를 추가로 진행한다. (아래는 Node JS 다운그레이드)

node -v 				// 내가 사용하고 있는 Node 버전 확인하기
nvm list available 		// 사용 가능한 버전 조회하기
nvm install 14.15.4 	// 14.15.4(LTS) 버전 다운로드하기
nvm list				// 설치 되어있는 버전확인하기
nvm use 14.15.4			// 14.15.4 버전 사용하기
node -v

 

4. 위와 같이 실행 후, 다시 한번 yarn install을 실행한 후, npm run android를 실행하여 제대로 앱이 빌드가 되는지 확인한다.

저는 위 내용으로 빌드 에러 문제를 해결했습니다. Node JS 다운그레이드 및 Package.json의 react-native 버전 수정

위 내용의 1번과 2번은 프로젝트 만들 때마다 해줘야되서 좀 번거로운 면은 있는거 같습니다. 물론 전체 프로젝트에 적용하는 방법이 있을 거 같은데, 그 방법까지는 알아보지를 않았네요! 본 포스팅 내용은 참고만 해주세요. 본인의 상황에 따라서 달라질 수 있을거 같습니다. 하지만 깃헙 내용을 반영하면 해결이 되지 않을까 생각해봅니다.