react-native trouble shooting

참고 링크

1. boost

[!] Error installing boost
Verification checksum was incorrect, expected f0397ba6e982c4450f27bf32a2a83292aba035b827a5623a14636ea583318c41, got 79e6d3f986444e5a80afbeccdaf2d1c1cf964baa8d766d20859d653a16c39848

해결법

경로: node_modules/react-native/third-party-podspecs/boost.podspec 13번째 줄

'https://boostorg.jfrog.io/artifactory/main/release/1.76.0/source/boost_1_76_0.tar.bz2'
→ 'https://archives.boost.io/release/1.76.0/source/boost_1_76_0.tar.bz2'

2. RNScreen

[!] CocoaPods could not find compatible versions for pod "RNScreens":
In Podfile:
RNScreens (from ../node_modules/react-native-screens)

Specs satisfying the RNScreens (from ../node_modules/react-native-screens) dependency were found, but they required a higher minimum deployment target.

해결법

npm install react-native-screens@4.0.0

3. build system

Could not delete `/Users/juah/Documents/GitHub/MatzipApp/front/ios/build` because it was not created by the build system.

해결법

rm -rf ios/build
rm -rf ios/Pods ios/Podfile.lock
cd ios
pod install --repo-update
cd ..
npx react-native run-ios

4. Xcode 프로그램 내에서, clean failed

• 파일 권한 문제

해결법

sudo chown -R $(whoami) ios/build
sudo chmod -R u+rw ios/build
rm -rf ios/build

5. folly file not found

• 캐시 문제

'folly/experimental/coro/Coroutine.h' file not found

해결법

cd ios && rm -rf ~/Library/Caches/CocoaPods Pods ~/Library/Developer/Xcode/DerivedData/*; pod deintegrate; pod setup; pod install --repo-update

5. code 1

clang++: error: linker command failed with exit code 1

해결법

PROJECT > Build Settings > Library Search Paths 인용부호 (" ") 를 path 에서 지워주면 된다.

6. kotlin failed

task :react-native-gesture-handler:compiledebugkotlin failed

해결법

7. code 65

Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. | Xcode

해결법

cd ios
rm -rf Podfile.lock
pod install

1. Xcode를 프로젝트명.xcworkspace 로 열어줍니다.

2. Product > Clean Build Folder 를 실행합니다.

3. ▶︎ 를 눌러 실행합니다.

4. error 500

The development server returned response error code: 500

해결법
node.js 16버전으로 할 것, node 17버전부터 해당 에러 발생함.
node -v
nvm list available
nvm install 16.0.0 (nvm install 원하는 버전)
nvm list
nvm use 16.0.0
node -v

9. babel/runtime 에러

Unable to resolve "@babel/runtime/helpers/interopRequireDefault" from "파일경로"

해결법

web, mobile이 폴더는 나뉘어져 있는데(Next,JS 와 React-Native의 충돌 때문에)
zustand, mocks, types등의 파일을 공유할 때 생기는 오류
외부 파일이 포함된 node_modules를 읽지 못해 일어난 문제다.

metro.config.js에 아래 코드를 추가한다.

config.resolver.nodeModulesPaths = [
  path.resolve(projectRoot, "node_modules"),
  path.resolve(workspaceRoot, "node_modules"),
];