gradle和权限问题 gradle默认都是下载2.14.1的,在run-android时可能会出现下载失败或者长时间下载不了,这时就手动去下载。...经过一番百度 and google并没有什么进展,尝试使用如下命令指定模拟器运行: ? 终于运行了起来,但是每次都要带参很麻烦。...想到会不会是打开构建文件没有权限导致的没有任何报错,于是在项目根目录执行以下代码: chmod 755 android/gradlew 对于权限命令不理解的可以点这里 给到权限后执行react-native...run-android,成功运行~ ps:修改权限后 android/gradlew 文件引起了一个问题(虽然文件内容没有变化,但是文件在git上是有变化可以上传的),在另一台window电脑上使用...可以进入项目android目录执行命令gradlew clean,再回到项目根目录执行react-native run-android即可,相当于重新初始化了gradlew文件。
安卓运行 注意在操作前,一定要先连上手机,不然编译会出现问题。...保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行 react-native run-android 首次运行需要等待数分钟并从网上下载gradle依赖。...执行react-native run-android命令 这里给我提上了一个错误,说必须是在项目级别,也就是我们这里项目的最外层。 ?...这是在再用 gradle构建项目依赖的包,到这里是不是感觉很熟悉了。 ? 报了一个错,说的是有个jar的问题。 ?...哦,又给我搞了个错误,gradle版本的问题,哎,不是自己建的项目,果然各种坑,好那我改下gradle的版本吧。
中查看network信息 ReactNative项目运行的两种方式 命令行运行(ReactNative项目根目录下)react-native run-android android studio中运行.../gradlew clean cd .. react-native run-android b.删除android项目中的build文件目录,重新gradle语法编译项目。...报错描述: 在android studio中启动ReactNative项目的时候报错,报错信息如上。通过命令行react-native run-android启动ReactNative项目不会报错。...解决方法: 在ReactNative项目根目录下,执行命令react-native start 后,再次用android studio启动ReactNative项目,运行正常。...请查阅:AndroidStudio运行React-Native项目 打包和发布index.android.js;请查阅:react-native启动时红屏报错:Unable to load script.Make
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。...yarn config set disturl https://npm.taobao.org/dist --global 如果你遇到EACCES: permission denied权限错误,可以尝试运行下面的命令...") 测试安装 react-native init AwesomeProject cd AwesomeProject react-native run-android 输入命令行出现如下界面...Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!...若出现如下问题 image.png 由于在 缺少这个文件导致的 可以从已有项目当中复制一个到该目录下即可。
真机调试时,cmd命令中执行react-native run-android时出现com.android.ddmlib.InstallException: Unable to upload some APKs...异常,然后后面有个解决方案尝试通过输出错误栈查看或者调试及一般日志,没发现其他错误。...后面在发现adb devices出现两个设备一个是真机,另一个是emulator-5594 host ,由于不能出现两个及以上的设备,马上杀死adb,重启 命令:adb kill -server adb...start -server ,蛮开心的开启了调试react-native run-android,还是那个错误(蛋疼)。...这时候去StackOverFlow一搜错误发现,把默认的gradle1.3.1改成1.2.3打包运行成功 ?
基于 React Native 中文网教程 编译并运行 React Native 应用 在项目 (AwesomeProject) 根目录下运行命令 yarn rect-native run-android...或 yarn android 出现如下错误 D:\code\AwesomeProject> yarn react-native run-android PS D:\code\AwesomeProject...PS D:\code\AwesomeProject> yarn react-native run-android yarn run v1.22.11 $ D:\code\AwesomeProject\node_modules...\.bin\react-native run-android info Running jetifier to migrate libraries to AndroidX....\wrapper\dists 目录,删除里面的 gradle-6.9-all.zip 文件, 重新运行 yarn android 命令重新安装 Android 相关环境就好了 版本信息 系统:Windows
零、记录的点 Java环境的下载与配置 Android环境的下载与配置 Node环境的下载与配置 创建第一个react-native应用 最终能够达到的目的:在手机上能够运行第一个React-Native...初始化一个项目:react-native init yimoapp cd yimoapp 运行packager:react-native start 如果你碰到了ERROR Watcher took...too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。...platform=android查看服务端是否已成功启动 真机运行,使用usb连接手机,开启USB调试权限 查看连接的设备:adb devices react-native run-android...有很多问题是在Java和Android环境没有弄好的情况下会出现的。
当安装完 Node.js 后,NPM 也会一同被安装,NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用...接下来到项目根目录下,通过输入如下命令来运行项目: react-nativerun-android image.png 输入命令后,项目开始初始化运行,运行过程中会打开一个 node 服务窗口,如下所示...这个过程可能会很慢,因为 react-native 需要 gradle 这个文件,下载会很慢,我们可以手动下载这个文件,版本需要和命令行中出现的那个版本一致,然后把这个 gradle 的 压缩文件放到...下载完成后,放到指定目录下: image.png 然后重新输入命令 react-native run-android 来初始化运行项目,程序首先会解压 gradle 压缩文件,第一次初始化可能需要一点时间...四、常见错误 1、没有配置 Android 开发环境 当第一次输入 react-native run-android 运行是,出现如下错误: image.png 表明程序没有找到 sdk 路径,首先确定是否配置了
给yarn设置镜像 二、运行首个App (一)使用命令行创建新项目 使用react-native init 项目名称创建项目,如图所示: ?...创建项目 (二)手动打开安卓模拟器 可以使用脚本打开, (二)编译并运行 React Native 应用 在刚创建的rn项目根目录,打开命令行,输入react-native run-android命令,...三、出现的问题 【建议】 (一)问题1 The development server returned response error code: 500 解决方式: 在刚创建的项目的根目录运行下列代码...(三)问题3 RN默认是用的gradle3.5构建的,所以建议使用AS2.3.X版本(但是不能大于3.0.0版本)导入项目。...我用的是AS3.1.3,gradle构建成功的,但是命令行执行react-native run-android命令一直报各种错,问了别人也找不到解决方案,可能是RN对高版本的AS工具以及高版本的gradle
(一)前言 之前已经写过了有关React Native移植原生Android项目的文章,不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题,对于初学者来讲还是会有很多疑难的困惑的,而且官方的文档移植没有更新...(二)前提准备工作 ①.首先我们有一个采用Gradle构建的Android应用项目,这个大家直接采用Android Studio进行创建一个项目即可。...(五)添加js 下面我们采用命令行,首先切换到项目的根目录上面(我的例子是切换到TestIntegrating目录下) 5.1.命令行运行npm init 运行截图如下: ?...(六)运行APP 上面的配置步骤全部完成了,下面我们要运行APP了,首先我们需要开启开发服务器,使用如下命令即可:npm start 运行结果如下: ?...接下来就是最后一步了,直接运行react-native run-android命令编译运行应用就可以了,运行结果如下: ?
二、APP调试与运行 1、创建项目 react-native init demo1 2、安装依赖包 进入demo1根目录执行:npm i 3、启动服务器 react-native start...platform=android可以访问,即启动完成,启动之后不能关闭; 4、安装app react-native run-android 在输入此命令前,要先打开模拟器,或连接真机,第一次启动非常慢...gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv 如果手动安装需要执行:react-native run-android...重新启动; 5、运行调试app 本人用的是Visual Studio Emulator for Android(模拟器)运行的,真机或其他模拟器相同,第一次运行会出现错误,如图: ? ...更多详情,请移驾:http://reactnative.cn/docs/0.45/getting-started.html 常见问题 问题1:小米手机不能识别设备,安装不了调试包?
react-native 项目初始化 搭建java,android,node环境 http://www.cnblogs.com/morang/p/react-native-java-build.html...全局安装脚手架 npm install react-native-cli -g 使用react-native-cli初始化项目 react-native init 项目名称 修改android.../gradle/wrapper/gradle-wrapper.properties文件的distributionUrl值为本地路径(墙) distributionUrl=file:///F:/CodingRepos.../reactDemo/gradle-2.4-all.zip 绑定模拟器或真机 可以使用adb devices查看连接的设备 5.1 使用夜神模拟器安装调试app 5.2 使用adb命令链接设备到模拟器...的方式连接到指定设备 5.3 若使用真机调试需要打开USB调试并允许通过USB安装应用 开始构建 react-native run-android 构建时会启动8081端口为服务端来在保存代码后进行更新
问题1:使用 node 安装 reactNative 完成之后,启动命令: react-native run-android 的时候,报这个错误信息,例如: SDK platform 23 也安装了,...但是依旧报这个错误信息 查了半天资料,有的说是 缺少 ==local.properties== 文件,有的说是==build.gradle==文件丢失,有的说是SDK的问题,还有的说是环境变量的问题。...各个都说的没错,这些确实都有关系,在这里教给大家一个快速解决的办法: 1、首先,先打开 studio64 安卓开发工具,建立一个简单的(Hello World)项目,先跑起来,看看能否运行,如果不能,那说明是可能是环境变量...、SDK什么的没有配置好,如果可以正常运行, 2、引入node 创建完成的项目,用 android studio 打开,android studio 会有警告提示,点击update,过几分钟更新build...完成即可, 3、最后,在命令行输入:react-native run-android 运行即可!
出现这个问题主要是因为android项目的目录结构跟react-native支持的目录结构不一致导致的。...提示:当然了你也可以运行“react-native upgrade”,该命令运行之后你会发现你的android项目的目录结构变化了。...之后 在运行react-native run-android即可。...,然后打包才可以把新的index.android.js应用上,所以当没有index.android.bundle文件时,React-Native 项目是无法运行的。...index.android.bundle文件时,React-Native 项目是无法运行的。
,使用git客户端输入命令: git clonehttps://github.com/facebook/react-native.git 克隆成功之后 ?...7、运行package 在命令行中进入项目目录,输入react-native start,等待一段时间: ?...7、运行项目 刚刚运行package的命令行不要关闭,重新启动一个新的命令行, 进入项目目录,输入react-native run-android ?...等待运行(如果是第一次运行,首先会下载gradle,时间较长) 运行成功后出现下图 ? 第一次手机肯定报错 ?...设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native! ? ?
、安装Android-SDK,推荐以下地址:http://tools.android-studio.org/index.php/sdk 然后打开SDK Manager,下载安装如下: 、 这里下载推荐使用国内镜像源...、安装Visual Studio 2013或2015,确保相应c++模块安装 4、安装Git for windows 5、安装Python(version>2.7.3) 6、安装nodejs 7、安装react-native...命令工具:npm install -g react-native-cli 8、创建项目:react-native init MyProject 9、运行Packager:react-native start...10、安卓运行:react-native run-android 提示开始下载gradle,等候下载成功之后自动运行吧。。。...11、说明: 实际运行后会自动提示如下错误: 根据提示信息,貌似是要确保真机和pickager在同一网络,输入如下命令解决:adb reverse tcp:8081 tcp:8081 之后重新打开真机app
编译node.js的C++模块时需要用到。...8.创建react-native项目 react-native init RNTest 9.运行packager(服务端) 进入项目根目录运行 react-native...react-native run-android 首次运行需要等待数分钟并从网上下载gradle依赖。...运行完毕后可以在模拟器或真机上看到应用自动启动了。 如果gradle依赖下载出现报错,请多试几次,或者设置V**加速。...如果apk安装运 行出现报错,请检查上文中安装SDK的环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。
react native环境搭建请移步:react native环境搭建 这里说说react native创建完成之后,运行中出现的常见问题, 问题1: java.lang.RuntimeException...这个是因为未找到运行的设备 解决方法:注意在运行命令:react-native run-android之前一定要确保手机已经连接上电脑。...这个是因为react-native版本升级了,但是在项目的build.gradle没有改成升级的版本号。...A:请用编辑器打开项目目录中的package.json,找到类似下面的一行配置 "react-native": "0.31.0" Q:应该使用什么IDE开发?...A:看起来是个数组越界错误,但多数情况下是由于ListView的子组件渲染错误(如套数据时没有检查undefined等)引起,而非ListView本身的问题。
platform=android 保留packager的dos窗口,新建另外一个dos窗口,切换至项目目录下:react-native run-android 报错了,你需要设置...platform=android,浏览器能正常访问但手机访问时在packager的DOS窗口没有看到log输出,那么你可以尝试使用下面的命令: 参考网址:http://stackoverflow.com...界面 主要的几个命令: 1、初始化项目 react-native init projectName 2、dos进入项目文件夹之后 react-native start,启动服务 3、另外开启一个...DOS窗口,启动应用:react-native run-android ------- update by 2015/11/30 使用最新版本的react-native(0.15.0),因为之前本机已经成功运行过...react-native,再次按照上面的几个命令操作的时候,发现真机运行会报错: ReferenceError: Can't find variable: require(line 1 the generated
领取专属 10元无门槛券
手把手带您无忧上云