React Nativeでキャッシュをクリアしよう

はじめに

React Nativeで開発をしていて、アプリが複雑になってくるとキャッシュが悪さをして思い通りの動きをしないことがあります。そこで「キャッシュをクリアしてビルドをし直す」という作業をすると思いますが、調べるといろんなやり方が出てきます。

そこで、ビルド＆テスト配信を半年ほどやり続けてきて、「これなら大丈夫！」というコマンドを共有したいと思います。

キャッシュクリアのコマンド

# watchmanのキャッシュを削除
watchman watch-del-all

# iosのビルドファイルを削除
rm -rf ios/build

# androidのビルドファイルを削除
rm -rf android/app/build

# node_modulesを削除
rm -rf node_modules

# Podsファイルを削除
rm -rf ios/Pods

# Xcodeのキャッシュを削除
rm -rf ~/Library/Developer/Xcode/DerivedData

# yarnをインストール
yarn install

# podをインストール
cd ios
pod install

# androidのビルド環境をクリア
cd ../android
./gradlew clean cleanBuildCache

# metro bundlerを再起動
cd ..
yarn start -- --reset-cache

# metro bunlderが起動したらControl + Cでmetro bundlerを落とす

これでほぼキャッシュ関連は大丈夫だと思います。