Clean react native project

Question

How to clean react native project?

Is there any way to clean react native project as we can clean xcode project?

Any help will be appreciated!

score 119 · Answer 1 · edited Jul 12 '23 at 21:27

119

A react-native Project is about one XCode Project and one Android Project. (for pure js code, there's no need to do clean)

So, what you need would be

Clean Xcode Project with

cd ios
xcodebuild clean

And then clean Android Project with

cd android
./gradlew clean

You can simply write a batch file for it.

edited Jul 12 '23 at 21:27

shim

9,289
12
69
108

answered Dec 29 '17 at 07:34

Val

21,938
10
68
86

1

For what it's worth, 'xcodebuild clean' alone didn't work for my iOS project, where I am using a workspace file. In that case I had to use ... `xcodebuild clean -workspace [*.xcworkspace file] -scheme [project name]` If you don't know your file-name/scheme, just look at the first couple output lines in terminal, when running the normal build. It'll say something like: `info Found Xcode workspace "x.xcworkspace"` `info Building (using "xcodebuild -workspace [etc]` Second line, use -workspace & -scheme info from there. Cheers – hschmied May 18 '20 at 16:52

score 65 · Answer 2 · edited Jun 18 '20 at 08:55

65

For android project

cd android &&./gradlew clean && cd ../

For iOS project

cd ios && xcodebuild clean && cd ../

If you need build clean again and again then add this scripts in the package.json file like this

scripts: { 
  "clean:android": "cd android && ./gradlew clean && cd ../",
  "clean:ios": "cd ios && xcodebuild clean && cd ../", 
}

Then run for android

yarn clean:android

And run for iOS

yarn clean:ios

edited Jun 18 '20 at 08:55

dan-lee

14,365
5
52
77

answered Jul 08 '19 at 19:26

Zeeshan Ansari

9,657
3
26
27

Don't forget to add a space between `cd` and `../` – Rob Walker Dec 20 '19 at 14:15
2

You forgot clean in iOS on first line – Benpaper Apr 01 '20 at 12:26

score 16 · Answer 3 · answered Oct 05 '18 at 11:30

16

For Android

cd android
gradlew clean

For IOS

cd ios
xcodebuild clean

answered Oct 05 '18 at 11:30

Sayo Babalola

990
14
25

When I used `gradlew clean` order to clean my cache, I got an error: `gradlew : The term 'gradlew' is not recognized as the name of a cmdlet` why? – Beny Sad Apr 20 '19 at 07:21
@KhalilShakeri Did you cd in to android? – Sayo Babalola Apr 20 '19 at 07:32
Can you confirm you have gradle installed by checking the version. Use `cd android/gradlew -v` – Sayo Babalola Apr 20 '19 at 08:02
@ Oluwasayo Cannot find path `E:\Projects\ReactNative\TextAnalyser\android\android\gradlew' because it does not exist` – Beny Sad Apr 20 '19 at 08:09
Looking at your project's source code in your code editor, do you see a gradlew file in your android folder? – Sayo Babalola Apr 20 '19 at 08:22
@ Oluwasayo, Yes there is – Beny Sad Apr 20 '19 at 08:42
@KhalilShakeri use `gradle clean` – Sayo Babalola Apr 26 '19 at 06:49

score 5 · Answer 4 · answered Jul 08 '19 at 11:22

5

Delete node modules and

npm ci

react-native link

followed by

react-native start --reset-cache

answered Jul 08 '19 at 11:22

spacedev

1,086
13
13

score 4 · Answer 5 · answered Nov 11 '20 at 21:20

this script will clean the Android and IOS build cache, then removes node modules and caches, and reinstall the react native project.

# rm -rf $HOME/.gradle/caches/
cd android && ./gradlew cleanBuildCache
cd ..
cd ios && pod cache clean --all && rm -rf build
cd ..
rm -rf node_modules
yarn cache clean --force
yarn install
cd ios && pod install

To reset the iOS simulator and erase all simulator data, focus on the simulator then go to Hardware -> Erase All Content and Settings

To reset the Android emulator and erase all data, open Android Studio then goes to menu Tools -> AVD Manager, then click the dropdown menu on the selected simulator and click on wipe data.

score 4 · Answer 6 · answered Oct 10 '21 at 23:43

React Native clean-project is now the best and easiest way to do deal with react-native artifacts and cleanup. Since it's automatically detected by react-native, it becomes its own command in react-native.

$ yarn add -D react-native-clean-project
$ react-native clean-project

Oskar hertzman · Answer 7 · 2022-01-11T13:48:02.923

More useful cleaner scripts. Seperating modules cleaning & native cleaning, based on the other great answers:

"scripts": {
      "npm:clean": "rm -rf node_modules && npm cache clean && npm install"
      "yarn:clean": "rm -rf node_modules && yarn cache clean --force && yarn install"
      "android:clean": "cd android && ./gradlew clean && ./gradlew cleanBuildCache && cd ..",
      "ios:clean": "cd ios && xcodebuild clean && rm -rf ~/Library/Caches/CocoaPods && rm -rf Pods && rm -rf ~/Library/Developer/Xcode/DerivedData/* && pod cache clean --all && pod deintegrate && pod setup && pod install && cd ..",
    }

score 2 · Answer 8 · answered Jan 04 '18 at 20:05

2

To reset react-native specific cache, run:

npm start -- --reset-cache

if in package.json you have

"scripts": {
  "start": "node node_modules/react-native/local-cli/cli.js start"
}

answered Jan 04 '18 at 20:05

jughosta

121
7

score 2 · Answer 9 · answered Mar 20 '21 at 15:30

I added the following scripts to my package.json

scripts: {
  ....
  "clean:android": "echo 'require(\"child_process\").execSync(\"cd android; ./gradlew clean\", {stdio: \"inherit\"})' | node ",
  "clean:ios": "echo 'require(\"child_process\").execSync(\"cd ios; xcodebuild clean\", {stdio: \"inherit\"})' | node ",
  "clean": "npm run clean:android && npm run clean:ios",
  ....
}

now you can clean android

npm run clean:android

clean ios

npm run clean:ios

clean both

npm run clean

score 0 · Answer 10 · answered Dec 29 '17 at 08:00

React and node specific cleaning:

Remove node_modules to avoid inconsitence which may appear somehow rarely:

rm -rf node_modules

(reinstall if need with npm or yarn)

Clean npm cache if npm is used

npm cache clean

Clean react temp files:

rm -rf $TMP/react*

score 0 · Answer 11 · edited Aug 29 '18 at 10:39

0

Clean the Android Project with:

cd android/
gradlew clean

edited Aug 29 '18 at 10:39

Blue

22,608
7
62
92

answered Aug 29 '18 at 09:31

Priyanga Manivelan

432
1
5
14

score -15 · Answer 12 · answered Dec 20 '18 at 09:36

-15

remove android folder run

react-native upgrade

then

react-native run-android

answered Dec 20 '18 at 09:36

bro

165
1
8

2

It can break your project if you have any customizations inside android project – Adam Pietrasiak Jan 25 '19 at 10:16
I'm sorry for your losses "bro" – Alexander Sep 29 '22 at 23:31

Clean react native project

12 Answers12

Linked