如何清除react-native缓存？

Question

在react-native开发中,构建应用程序时使用了多个缓存:

1. React-native packager缓存
2. 仿真器缓存
3. Java端缓存(.gradle)文件夹(仅在android中)
4. npm缓存(如果相关？)

我也错过了什么吗？因为我正在尝试清除react-native中的缓存,以便能够重复仅在首次使用时发生的错误.但清除上述缓存并没有帮助.这是在Android上.当应用程序正在构建时,大多数行都没有像预期的那样说UP-TO-DATE,因为我清除了缓存.

但是,仍有许多行打印此文本.喜欢:

app:preBuild UP-TO-DATE

app:preDebugBuild UP-TO-DATE

:app:preReleaseBuild UP-TO-DATE

问题是,如何清除与react-native开发相关的整个缓存？

Answer 1

最简单的一个（react native、npm 和 expo）

对于 React Native

react-native start --reset-cache

对于 npm

npm start -- --reset-cache

世博会

expo start -c

Answer 2

目前，它是使用 构建的npx，因此需要更新。

终端：npx react-native start --reset-cache

iOS：Xcode -> Product -> Clean Build Folder

安卓：Android Studio -> Build -> Clean Project

Answer 3

对于React Native Init方法(不使用expo),请使用:

npm start -- --reset-cache

Answer 4

清除React Native Project的缓存:

npm <6.0且RN <0.50:

 watchman watch-del-all && rm -rf $TMPDIR/react-* &&
 rm -rf node_modules/ && npm cache clean && npm install && 
 npm start -- --reset-cache

npm> = 6.0且RN> = 0.50:

 watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* &&
 rm -rf $TMPDIR/metro-bundler-cache-* && rm -rf node_modules/ && npm cache clean --force &&
 npm install && npm start -- --reset-cache

Answer 5

以下命令适用于 Android 和 Yarn，

cd android && ./gradlew cleanBuildCache && cd .. &&
watchman watch-del-all && rm -rf node_modules/ &&
rm -rf $TMPDIR/react-native-packager-cache-* &&
rm -rf $TMPDIR/metro-bundler-cache-* &&  
yarn cache clean && yarn install && 
yarn start --reset-cache

Answer 6

这是 GitHub 上的精彩讨论，对我帮助很大。 清除 React Native 项目的缓存 作者：Jarret Moses

有 4 种不同情况的解决方案。

1. RN <0.50 -
   watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache

2. RN >=0.50 - watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* && rm -rf $TMPDIR/metro-bundler-cache-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache

3. NPM >=5 - watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache verify && npm install && npm start -- --reset-cache
4. 窗户 - del %appdata%\Temp\react-native-* & cd android & gradlew clean & cd .. & del node_modules/ & npm cache clean --force & npm install & npm start -- --reset-cache

该解决方案类似于Vikram Biwal 的答案。

下面给定的链接中有一个讨论，因此即使上述 4 种情况不适合您，您也可以滚动浏览并找到可能的解决方案。

Answer 7

对于那些使用expo-cli的人

世博会开始-c

Answer 8

这对我有用：

watchman watch-del-all && rm -f yarn.lock && rm -rf node_modules && yarn && yarn start --reset-cache

Answer 9

清除 React Native 项目的缓存：如果您确定该模块存在，请尝试以下步骤：

1. 清除守望者手表：npm watchman watch-del-all
2. 删除node_modules： rm -rf node_modules 并运行yarn install
3. 重置 Metro 的缓存：yarn start --reset-cache
4. 删除缓存： rm -rf /tmp/metro-*

Answer 10

尝试这个

react-native start --reset-cache

Answer 11

如果您使用的是WebStorm，请按运行按钮左侧的配置选择下拉按钮，然后选择编辑配置：

双击Start React Native Bundler部分底部Before launch：

进入--reset-cache部分Arguments：

Answer 12

您尝试过 gradle cleanBuildCache 吗？

https://developer.android.com/studio/build/build-cache.html#clear_the_build_cache