React Native 工程初始化过慢解决办法+运行时产生的问题解决方案

最新推荐文章于 2024-09-09 01:33:35 发布
最新推荐文章于 2024-09-09 01:33:35 发布
阅读量2.5k 收藏
点赞数
文章标签： react-native 写给自己
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Android_Glimmer/article/details/53693260
版权

初始化解决:

npm config set registry=http://registry.npm.taobao.org/


react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle –-sourcemap-output android/app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/

这个是运行这个代码才会生效

source ~/.bash_profile这个是解决SDKlocation找不到

1. 版本管理工具及 Ruby 工具链环境
Desgard_Duan
06-11 559
CocoaPods 历险记这个专题是 Edmond和冬瓜共同撰写，对于 iOS / macOS 工程中版本管理工具 CocoaPods 的实现细节、原理、源码、实践与经验的分享记录...
解决react native初次运行gradle慢的方案
LINGK98的博客
11-09 1934
解决react native初次运行gradle慢的解决方案
React-native 初始化项目很慢
weixin_30813225的博客
03-20 319
我是在Mac环境下，利用facebook开源的react-native创建原生app项目缓慢的问题 一：确定自己的环境配置是否有问题 二：打开终端，输入命令行 brew install wget 点击enter 进行安装 三：输入以下命令行 npm config set registry=http://registry.npm.taobao.org/ 转载于:https://www.cn...
react-native 首次运行慢
好，很好，非常好
03-08 1985
特别慢，导致下载失败， 然后就报错，我就很苦恼，看了大量的帖子，也无济于事 ，好了 ，废话不多解决方案在下面。注意: 如果不配置该属性,则默认的目录为 C:\Users\你自己电脑用户名/.gradle。的人最难受瞬间就报错，这玩意真是折磨人，刚一下载就当。在该目录中建立 init.gradle。这样我们就完美解决下载慢报错的问题了。我们在要找个东西位置。 解决报错
react-native init AwesomeProject 很慢
python
05-07 957
React Native 新创建一个项目时很慢很慢，可以这样： 先下载一个AwesomeProject源代码 (不包含依赖)，然后npm install 安装依赖 npm 使用taobao的依赖 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taoba...
React Native 启动白屏问题解决方案,教程
chanzhu的博客
03-22 3754
目录 问题描述问题分析Android启动白屏解决方案iOS启动白屏解决方案开源库最后 项目源码：react-native-splash-screen 问题描述： 用React Native架构的无论是Android APP还是iOS APP，在启动时都出现白屏现象，时间大概1~3s（根据手机或模拟器的性能不同而不同）。 问题分析： 为什么会产生白屏？ Re
从零开始搭建React Native完整原生环境（保姆级）
蜡笔小开心❤的博客
08-16 9809
欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。
react-native 使用expo init失败解决方案
Tomoyo_ming的博客
03-02 1827
环境搭建 有多种工具可使用，本篇仅介绍expo 准备工作 node -v 查看nodejs版本，若版本过低，使用nvm进行切换 安装expo-cli npm install -g expo-cli 等待安装完成之后，可用expo -V查看版本以此判断安装是否成功 创建项目 expo init rn-project 进入文件夹rn-project，启动项目 cd rn-project npm ...
mac搭建并运行react-native项目
混世者的专栏
07-23 4941
目录很简单介绍点啥下载开发工具和组件初始化项目在这个过程中就有坑了，注意启动项目-Android启动项目-iOS 介绍点啥 网上有很多react-native的入门教程，当然坑也很多。一方面是到处拼凑起来的资料，没有实际运行，很可能是有问题的；另一方面，对配置和运行中出现的问题没有详细介绍怎么解决（也可能是人家运气好，没有碰上）。 我是第一次研究移动端应用的开发，完全不懂Android和iOS这一...
⚡️ React Native 启动速度优化——Native 篇（内含源码分析）
卤蛋实验室
04-09 679
Web 开发有一个经典问题：「浏览器中从输入 URL 到页面渲染的这个过程中都发生了什么？」 据我考据这个问题起码有十年历史了。在日新月异学不动的前端圈子里，这个问题能一直被问，就是因为因为它是个非常好的问题，涉及非常多的知识点，平时做一些性能优化，都可以从这个问题出发，分析性能瓶颈，然后对症下药进行优化。 不过今天我们不谈 Web 的性能优化，只是借助刚刚的那个那个经典问题的分析思路，从 React Native 的启动到页面的第一次渲染完成，结合 React Native 的源码和 1.0 的新架构，一
关于React Native初次启动项目时出现的下载过慢问题及其他问题解决。
qq_63105690的博客
09-09 1689
我尝试使用npx react-native doctor来查看当前环境状态，显示有两个问题，一是没有Android Studio，二是没有Andriod SDK。于是这个问题暂时搁置了。react-android-0.75.2-debug.aar和hermes-android-0.75.2-debug.aar。后来，我查阅资料，显示迟迟未下载完成的两个文件，其实可以通过手动下载的方式，手动导入。所以上面说的npx react-native doctor检测出的问题是不用管的。
解决react-native 创建工程、init过程太慢的问题
又丑又不读书
07-14 7779
找到node.js的安装目录，进入nodejs\node_modules\npm找到文件npmrc，打开后在该文件末尾加上 registry = https://registry.npm.taobao.org 然后保存退出即可。
React Native关于初始化状态时遇到问题
weixin_45656048的博客
09-27 144
React Native写选中状态时遇到问题 当时写的是 getInitialState() { return { selectedTab: 'home', }; } 报错为null is not an object evaluating ‘this.state.selectedTab’ 是因为在react native用到es6的时候初始化state应该在constructor ()内，而不是用getInitialState() class Main extends Co
解决AS编译RN项目时一直卡在 Gradle:Resolve dependencies ':react-native-*******'的问题
washen_zhang的博客
06-14 4077
在编译RN项目时，由于项目依赖的rn项目太多，导致在编译时一直卡在编译依赖上；把网络断开时会特别快，因为此时不会去更新新的依赖，一旦连上网，就会变得异常慢；解决办法：进入到指定的rn项目中，在主目录的build.gradle文件下，修改依赖的rn库为指定的版本号，具体与主项目rn版本号保持一直就行；...
关于React Native init 项目时候速度太慢的解决方法
weixin_30706691的博客
12-07 527
因为init项目的时候需要下载资源，但又因为react native的网站被墙所以下载很慢，解决方法就是换成淘宝的NPM镜像 我是直接使用了命令去替换了NPM $ npm install -g cnpm --registry=https://registry.npm.taobao.org 这样一来，就会快很多了，实测，大概3分钟。 淘宝NPM地址：https://npm.taoba...
React Native init很慢的解决方式之一
chibang4236的博客
10-10 708
npm install -g react-native-cli #如果没安装这个命令 ssh -D 7000 ssh的账号@ssh的ip; #登录服务器,并建立一个本地的7000的端口 , 实际上它登录在本地建立了一个socks5代理端口 export http_proxy=socks5://...
react-native :app:preReleaseBuild > Resolve dependencies of :app:releaseCompileClasspath > maven-met
WANG_CA的博客
06-11 3091
react-native打包的时候一直卡在 :app:preReleaseBuild > Resolve dependencies of :app:releaseCompileClasspath > maven-metadata.xml 尝试解决办法 一、打包过程种有看到会加载一些Google文件，所以尝试打开了VPN，但是最后却报错 Error:Could not res...
react-native ...android项目gradle编译慢，编译失败的坑及解决办法。。。
lqx_sunhan的博客
09-11 4271
小记 作为一个后台，在刚接触到移动端开发的时候，一开始还好，但碰到gradle的时候，可以说焦头烂额了，不是有多难，而是国内环境被墙，导致很多时候很简单的问题会很烦。 1. gradle-xx-all.zip下载失败，导致编译失败的问题。 这个问题主要在gradle-wrapper.properties，这个文件一般在android/gradle/wrapper下面: 先讲讲几个配置的...
ReactNative系列之三十源码编译出现的问题解决
yeputi_WK的博客
08-07 3995
遇到的错误： Gradle sync failed: Could not get unknown property 'repositoryUrl' for project ':ReactAndroid' of type org.gradle.api.Project. Consult IDE log for more details (Help | Show Log) (1s 199ms) ...
React Native 做应用app更新
最新发布
03-19
### React Native 应用程序自动更新机制的最佳实践 在 React Native 开发中，实现应用程序的自动更新是一个常见的需求。这不仅提升了用户体验，还简化了开发者的维护工作流程。以下是关于如何通过最佳实践实现在 React Native 中的应用程序自动更新的内容。 #### 使用 CodePush 或 EAS Update CodePush 是由 Microsoft 提供的一个服务工具，专为 React Native 和 Cordova 应用设计，允许开发者推送代码更改到已发布的应用上，无需经过 App Store 或 Google Play 商店审核过程即可完成热更新[^1]。对于 Expo 项目，则可以使用 **EAS Update** 功能替代 CodePush，同样支持远程部署新版本并即时生效[^2]。 要集成这些解决方案之一，请按照以下说明操作： - 安装必要的依赖项 如果采用的是传统方式而非 Expo CLI 创建的项目结构，则需先引入 `react-native-code-push` SDK 并遵循其初始化指南；而对于基于 Expo 初始化的工作流来说，默认情况下已经内置好了所需能力，只需执行简单的配置步骤即可启用该特性。 ```bash npm install --save react-native-code-push ``` - 配置环境变量与插件设置 无论是哪种方法都需要定义好对应的 API 密钥或者其他认证参数以便于后续上传二进制文件或者 JS bundle 到云端服务器存储位置处等待分发给终端设备端下载下来覆盖旧版资源从而达到无缝升级的效果。 - 修改入口文件以支持动态加载逻辑判断是否有新的可用补丁存在并且尝试应用它们之前保存下来的快照数据恢复状态继续正常运行下去直到成功切换至最新版本为止整个过程中不会中断当前会话也不会强制重启APP除非确实有必要这样做才会提示用户确认同意后再做进一步动作比如重新启动进程等等具体行为取决于实际业务场景的需求差异决定最终呈现形式是什么样的样子出来给大家看呢？当然啦~这只是其中一个方向而已哦😊 ```javascript import codePush from 'react-native-code-push'; const App = () => { const handleDeploymentKeyChange = async (update) => { console.log('App has been updated!', update); }; return ( <codePush> {(props) => props.children({ ...props, onDeployementKeyChanged: handleDeploymentKeyChange, }) } </codePush> ); }; export default codePush({ checkFrequency: codePush.CheckFrequency.ON_APP_RESUME, // 可选值：ON_APP_START | ON_APP_RESUME | MANUAL })(App); ``` 上述示例展示了如何利用 CodePush 插件监听应用内的变化情况，并适时触发更新流程[^5]。 #### 处理 Peer Dependencies 版本冲突问题 当涉及到复杂的多模块协作体系时，可能会遇到因不同子组件间所依赖的基础库版本不一致而导致无法顺利完成编译打包甚至崩溃的情况发生。此时可以通过合理规划项目的整体架构布局以及明确指定各个部分所需的最低兼容标准等方式有效规避此类风险的发生概率降到最低限度之内[^4]。 例如，在 Ant Design 的案例里提到过它的 peerDependencies 字段明确规定了对 React 和 ReactDOM 的最低要求分别是 >=16.0.0 ，这就意味着只要满足这一条件就可以放心大胆地去组合调用了而不用担心会出现莫名其妙的问题干扰正常的开发节奏进展速度变慢等问题出现影响效率提升目标达成的可能性减少很多不必要的麻烦事找上门来添堵不是吗？ --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值