How to clear react-native cache

Question

In react-native development  there are multiple caches used when the app is built   React-native packager cache Emulator cache Java side cache   gradle  folder  only in android  npm cache  if relevant    Am I missing something also  Because I m trying to clear cache in react-native  to be able to repeat a bug that only occurs on first usage  But clearing those caches above did not help  This is on android  When the app is building  most of the rows DO NOT say UP-TO-DATE  as expected  because I cleared the cache  But  there are still many rows where this text is printed  Like   app preBuild UP-TO-DATE app preDebugBuild UP-TO-DATE  app preReleaseBuild UP-TO-DATE  The question is  how can I clear the whole cache related to react-native development

User · Answer

For React Native Init approach  without expo  use   npm start -- --reset-cache

User · Answer

Currently  it is built using npx  so it needs to be updated  Terminal   npx react-native start --reset-cache IOS   Xcode - gt  Product - gt  Clean Build Folder Android   Android Studio - gt  Build - gt  Clean Project

User · Answer

try this  react-native start --reset-cache

User · Answer

For those who are using expo-cli     expo start -c

User · Answer

Simplest one react native npm and expo   For React Native react-native start --reset-cache  for npm npm start -- --reset-cache  for Expo expo start -c

User · Answer

Here s a great discussion on GitHub which helped me a lot  Clearing the Cache of your React Native Project by Jarret Moses  There are solutions for 4 different instances    RN  lt 0 50 - watchman watch-del-all  amp  amp  rm -rf  TMPDIR react-   amp  amp  rm -rf node modules   amp  amp  npm cache clean  amp  amp  npm install  amp  amp  npm start -- --reset-cache RN   0 50 -  watchman watch-del-all  amp  amp  rm -rf  TMPDIR react-native-packager-cache-   amp  amp  rm -rf  TMPDIR metro-bundler-cache-   amp  amp  rm -rf node modules   amp  amp  npm cache clean  amp  amp  npm install  amp  amp  npm start -- --reset-cache NPM   5 -  watchman watch-del-all  amp  amp  rm -rf  TMPDIR react-   amp  amp  rm -rf node modules   amp  amp  npm cache verify  amp  amp  npm install  amp  amp  npm start -- --reset-cache Windows -  del  appdata  Temp react-native-   amp  cd android  amp  gradlew clean  amp  cd     amp  del node modules   amp  npm cache clean --force  amp  npm install  amp  npm start -- --reset-cache   The solution is similar to Vikram Biwal s Answer   And there is a discussion below in the given link  so even if the above 4 cases don t work for you  you can scroll through and find a possible solution

User · Answer

I went into this issue today  too  The cause was kinda silly -- vscode auto imported something from express-validator and caused the bug    Just mentioning this in case anyone has done all the steps to clear cache  delete modules or what not

User · Answer

If you are using WebStorm  press configuration selection drop down button left of the run button and select edit configurations     Double click on Start React Native Bundler at bottom in Before launch section     Enter --reset-cache to Arguments section

User · Answer

I had a similar problem  I tried to clear all the caches possible  tried almost all the solutions above  and the only thing that worked for me was to kill the expo app and to restart it

User · Answer

You can clean cache in React Native    0 50 and npm   5    watchman watch-del-all  amp  amp   rm -rf  TMPDIR react-native-packager-cache-   amp  amp  rm -rf  TMPDIR metro-bundler-cache-   amp  amp   rm -rf node modules    amp  amp  npm cache clean --force  amp  amp  npm install  amp  amp   npm start -- --reset-cache   Apart from cleaning npm cache you might need to reset simulator or clean build etc

User · Answer

Clearing the Cache of your React Native Project  if you are sure the module exists  try this steps    Clear watchman watches  npm watchman watch-del-all Delete node modules  rm -rf node modules and run yarn install Reset Metro s cache  yarn start --reset-cache Remove the cache  rm -rf  tmp metro-

User · Answer

Have you tried gradle cleanBuildCache   https   developer android com studio build build-cache html clear the build cache

User · Answer

Clearing the Cache of your React Native Project   npm  lt  6 0 and RN  lt  0 50    watchman watch-del-all  amp  amp  rm -rf  TMPDIR react-   amp  amp   rm -rf node modules   amp  amp  npm cache clean  amp  amp  npm install  amp  amp    npm start -- --reset-cache   npm    6 0 and RN    0 50    watchman watch-del-all  amp  amp  rm -rf  TMPDIR react-native-packager-cache-   amp  amp   rm -rf  TMPDIR metro-bundler-cache-   amp  amp  rm -rf node modules   amp  amp  npm cache clean --force  amp  amp   npm install  amp  amp  npm start -- --reset-cache

User · Answer

This is what works for me   watchman watch-del-all  amp  amp  rm -f yarn lock  amp  amp  rm -rf node modules  amp  amp  yarn  amp  amp  yarn start --reset-cache

[javascript] How to clear react-native cache?

Examples related to javascript

Examples related to java

Examples related to android

Examples related to reactjs

Examples related to react-native