初次接触到react-native，遇到的两个失误

最新推荐文章于 2022-07-06 10:55:26 发布
最新推荐文章于 2022-07-06 10:55:26 发布
阅读量9.4k 收藏 1
点赞数
分类专栏： 前端 环境部署 总结 文章标签： react-native react-js app javascript android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mymy_blog/article/details/73277884
版权
本文介绍了初次使用react-native时遇到的两个常见问题。错误一是由于gradle包下载不完整，解决方案是删除并重新下载gradle包。错误二是将create-react-native-app与react-native run-android命令混淆使用，正确做法是删除现有工程并重新使用react-native init创建新工程。
摘要由CSDN通过智能技术生成

初次接触到react-native，遇到的两个失误

错误一

D:\node\AwesomeProject>react-native run-android
Starting JS server...
Building and installing the app on the device (cd android && gradlew.bat installDebug)...
Unzipping C:\Users\g\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv\gradle-2.14.1-all.zip to C:\Users\g\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv
Exception in thread "main" java.util.zip.ZipException: error in opening zip file
        at java.util.zip.ZipFile.open(Native Method)
        at java.util.zip.ZipFile.<init>(ZipFile.java:219)
        at java.util.zip.ZipFile.<init>(ZipFile.java:149)
        at java.util.zip.ZipFile.<init>(ZipFile.java:163)
        at org.gradle.wrapper.Install.unzip(Install.java:159)
        at org.gradle.wrapper.Install.access$500(Install.java:26)
        at org.gradle.wrapper.Install$1.call(Install.jav
最低0.47元/天 解锁文章
走过路过见过记得
关注
专栏目录
react-native Image之踩坑系列
qq_42878164的博客
08-04 878
react-native Image之踩坑系列 废话不多说直接进入主题 react-native Image 变量加载本地图片 之前一直不能够在项目中本地用变量去加载图片，要么一张一张的写，要么就直接废了。这两天好好研究了下，总所周知，在rn下是不允许进行对Image组件中加载进行字符串拼接的 下面就来看看怎么搞定这个问题 代码块 代码块语法遵循标准markdown...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该...
stitches-native:Stitches 的 React Native 实现（CSS-in-JS 库）
08-03
缝合本土 ·流行的 CSS-in-JS 库 Stitches 的 React Native 实现· 安装 :warning: 注意：这个库仍在开发中，尚未在 npm 上发布。 npm install stitches-native 或者如果您使用yarn ： yarn add stitches-native 文档 在大多数情况下，Stitches Native 的行为与 Stitches 完全相同，因此您应该按照了解基本原理以及如何设置所有内容。 差异 由于 Web 和原生平台（iOS + Android）之间的继承差异，Stitches Native 的实现与 Stitches 的原始 Web 版本略有不同。 首先，React Native 中的 CSS 没有 CSS 变量、级联、继承、关键帧、伪元素/类或全局样式，这意味着 Stitches 中可用的某些功能无法在 Stitches Nat
React Native 初试
水色陀螺
12-15 395
公司让用RN开发内部的经销商应用，把网站(vue开发)的在做一个移动版，因此，开始了RN的挖坑填坑之路…所用的package.json{ "name": "dealerTest", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-na
RN问题集合记录
CT的专栏
08-22 1620
文章目录1. 编译错误问题1.1. 运行node命令失败1.2. 重命名应用模块名称后无法运行1.3. 模块中未配置`enableHermes`的字段1.4. Android原生应用项目路径名称问题1.5. 依赖版本太低无法加载ReactApplication2. 运行时问题2.1. RN页面UI元素突然消失不可见2.2. 编译成功后运行到加载RN页面时，无法正确加载页面报错2.2.1. 检查依赖库2.2.2. 手动导入aar 更新说明 日期 更新内容 2021-08-21 更新RN项目编译
ReactNative:Running ‘[node, -e, console.log(require(‘react-native/cli’).bin)；]’ command failed.
iOSTianNan的博客
07-06 722
报错 查看日志发现:我这边的最终解决办法1.关掉AndroidStudio 2. 执行 参考地址
react-native-gl-image-filters:使用gl-react的React-Native图像滤镜
05-01
react-native-gl-image-filters 在描述性VDOM范例中，React Native的OpenGL绑定可在图像和组件上实现复杂的效果。 您可以使用预定义的过滤器： 模糊 对比 饱和 亮度 色调 消极的 棕褐色 锐化 温度 接触。 gl-...
react-native-web-linear-gradient:用于Web实现React-native-linear-gradient的React Native
05-17
react-native-web-linear-gradient 用于Web实现React-native-linear-gradient的React Native 入门 $ npm install react-native-web-linear-gradient --save 别名打包您的webpack配置中： resolve: { alias: { ...
react-native-udp：react-native的节点的dgram
02-05
yarn add react-native-udp 或npm： npm install --save react-native-udp 使用React Native> = 0.60 不再需要手动链接软件包。 iOS平台： $ cd ios && pod install && cd .. ＃iOS上的CocoaPods需要这个额外的...
react-native-web-webview:React Native用于RN的WebView的Web实现
05-17
react-native-web-webview React Native用于RN的WebView的Web实现 入门 $ npm install react-native-web-webview --save 别名打包您的webpack配置中： resolve: { alias: { 'react-native': 'react-native-web...
运行react-native项目时报错。
廖伍星的专栏
04-01 784
运行react-native项目时报错。 Application MyTest has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent. 第一：检查项目名是
配置React Native环境及解决运行异常
weixin_33728708的博客
09-22 161
一. 安装Homebrew: Homebrew的官网（多语言版本）简单明了地介绍了如何安装和使用这个工具，;并提供了自己的Wiki。 brew的安装很简单，使用一条ruby命令即可，Mac系统上已经默认安装了ruby": ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/mas...
React-native初学入坑指南
TLuffy的博客
11-26 989
1. jar包下载不了，一直超时 解决办法：在android文件夹下找到build.gradle文件，在repositories里面maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }如下图： 2. 启动项目报SDK找不到 找到自己下载的sdk目录，在android文件夹下添加local.propert...
react native 错误集合
程序员大柱
12-07 725
环境 os: mac 10.13 react-native-cli: 2.0.1 react-native: 0.61.5 nodejs:v13.1.0 模拟器：网易mumu模拟器 新建的项目未设置Android SDK路径，运行react-native run-android模拟器无法打开app info Running jetifier to migrate libraries to ...
React Native：使用 JavaScript 构建原生应用 详细剖析
Guide_Sun的博客
06-09 2451
数月前，Facebook 对外宣布了正在开发的 React Native 框架，这个框架允许你使用 JavaScript 开发原生的 iOS 应用——就在今天，Beta 版的仓库释出了！ 基于 PhoneGap 使用 JavaScript 和 HTML5 开发 iOS 应用已经有好几年了，那 React Native 有什么牛的？ React Native 真的很牛，让大家
MyEclipse2017：MyEclipse2017软件破解图文教程(解决MyEclipse软件因试用期过期而无法再次使用的问题)
热门推荐
近期请国内外头部出版社可尽快私信博主！——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-20 1万+
MyEclipse2017：MyEclipse2017软件破解图文教程(解决MyEclipse软件因试用期过期而无法再次使用的问题) 目录 MyEclipse2017软件破解流程 1、先将文件复制到文件夹下，全部替换 2、双击打开破解文件crack.bat 3、Usercode内随便输入字母或数字 4、点击Active，会生成一段文字 5、最后点击Tools，接着选...
解决RN异常Cannot find entry file index.android.js in any of the roots的心累历程
lazyox_2008的专栏
03-29 9643
最近接触到React Native技术，感觉会是APP开发的一个方向，就来研究一下，看着官网上写的蛮简单的，还有不少大神的教程，然后初上手还是问题不断...先贴一下官网的教程，怎么配置上面都写的比较清楚的，当然，看看其他大神写的环境搭建，配合一下理解比较好，像python不需要用的话就不用装了，官网提的Chocolatey也可以不用装开发环境搭建：https://reactnative.cn/do...
ReactNative报错问题汇总，错误解决
何-马的博客
08-12 872
Svn checkout下来的文件，如果在在Mac电脑上运行，项目运行的时候出现以下错误 ，但是模拟器或者android环境已经安装完全，找不到其他问题 ‘Could not install the app on the device, read the error above for details. Make sure you have an Android emulator runnin
ReactNative 踩坑之旅--运行第一个程序遇到错误及解决
you943047219的博客
05-03 450
安装环境就先不说了，网上有很多教程，值得一提的是，加如按照网上的教程装了后发现一系列java关键字的错误，希望你能认真看一下你的java和Android相关的环境变量，我用家里的笔记本就遇到过这样的问题，不知名原因将我环境变量清除了，故而我有遇到类似的问题。 试着用刚装好的环境测试第一个ReactNative程序， cmd命令创建一个名为HelloWorld的应用： react-nativ...
React-Native国际化实践：react-native-i18n库解析与使用
"React-Native-i18n是一个用于React-Native应用的全球化多语言切换工具库，方便开发者实现应用程序的国际化。它支持iOS和Android平台，并且无需原生模块，具有良好的可移植性。库的使用主要包括安装和在项目中的应用...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值