彩神排列三_神彩排列三官方

React Native初探

时间:2019-12-28 16:32:11 出处:彩神排列三_神彩排列三官方

react native中文网 https://reactnative.cn/

配置环境变量:

2.加快react native启动的几种法子 :

使用命令npm install -g yarn就可不可不可以安装yarn了。

(三)问题3 RN默认是用的gradle3.5构建的,有些建议使用AS2.3.X版本(因此 可不可不可以了大于3.0.0版本)导入项目。我用的是AS3.1.3,gradle构建成功的,因此 命令行执行react-native run-android命令一个劲报各种错,问了别人也找可不可不可以了防止方案,因为是RN对高版本的AS工具以及高版本的gradle不兼容吧。

(五)因为第四步的问题还那么防止,建议使用以下法子 创建和安装应用:(这一 又是有五种构建法子 ,和rn特别区别,可不可不可以玩一下,但不建议学这一 。)

(四)因为模拟器上运行项目出显"Unable to load script from assets 'index.android.bundle'.Make sure your bundle is packaged correctly or you are running a package server."有些 的错误为什会么会防止?

有些前端工具的安装都依赖于node的包管理器npm

(六)Unable to resolve module 'AccessibilityInfo'

(七)Invariant Violation:Applicaction 你的项目名称 has not been registered.This is either due to a require() error during initialization or failure to call AppRegistry.registerCommponent.

查看node版本号:

yarn官网 https://yarnpkg.com/zh-Hans/

因为官网打不开,可不可不可以查看中文网:

yarn中文网 https://yarn.bootcss.com/

我这里选择 的版本是1.7.0,你也可不可不可以选择 有些版本,下载好了就让,双击安装,因此 把yarn安装路径配置path环境变量中。

3、升级yarn版本号:

(2)相关命令:

安装:

安装完成后在cmd中输入 npm -v 回车,如下图:

Android Studio的下载地址请看:https://developer.android.google.cn/studio/#downloads

安装法子 :指定安装路径,一个劲点击下一步就可不可不可以了。

1、yarn官网下载yarn安装包:

(二)问题2 关于命令行提示gradle的一次错

Node官网: https://nodejs.org/

因为官网打不开,可不可不可以看nodejs中文官网 https://nodejs.org/zh-cn/

错误如图所示:

运行成功如下图所示:

官网地址:

加进去去环境变量:

2、使用npm工具下载yarn:

因此 打开两个 项目目录,打开cmd命令行输入以下命令创建工程:

(一)问题1 The development server returned response error code: 2000

好多人说rn好用,一个劲要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。

就让是npm命令:npm install --save react-native@0.56.0

我就使用yarn命令替代:yarn add react-native@0.56.0

SDK和安卓模拟器:

查看npm版本号:

react native版本问题,建议下载react-native 0.55.4版本,以及react-native-cli 1.2.0 版本,具体操作如下:

打开cmd命令行,逐个输入以下命令:

(1)安装法子 有以下有五种:

打开目录/android/app/src/main/java/com/项目名/MainActivity.java,找到getMainComponentName()法子 ,我这里返回的是rn_demo1,事实上我项目根路径名字叫做rn_demo。我只需要改成rn_demo就好了。

安装地址:

安装命令:

【建议】

示相似 下:

输入python命令即可。

通过npm命令安装的,可不可不可以有以下几种法子 选择 :

1.安装完 yarn 就让就可不可不可以用 yarn 代替 npm 了,相似 用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名

JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

(一)使用命令行创建新项目

Android Studio

图示如下,我当前的react-native-cli版本号为2.0.1:

查看python安装版本:

根路径顶端的index.js文件打开,请看AppRegistry.registerComponent('rn_demo', () => App); 我这里括号内参数1为rn_demo,和项目根路径名称是一致的。

通过msi安装的,可不可不可以卸载旧版本的yarn,因此 官网下载新版的yarn,因此 安装。

【注意】通过msi安装的yarn太多会覆盖通过npm安装的yarn,两者一同地处。卸载句子,也是分开卸载的。

建议:把项目顶端的android目录导入到Android Studio,让Android Studio工具帮你自动构建。

下载好就让,克隆qqnode的安装路径,在path中加进去去node环境变量。

双击,指定路径,下一步就可不可不可以完成安装了。

可不可不可以使用脚本打开,

执行npm view yarn version 查看yarn版本号,当前的版本号为1.7.0

执行 yarn -v 查看安装的yarn版本号,我当前的版本为1.7.0

执行yarn --version 查看安装的yarn版本号,我当前的版本为1.7.0

这一 问题一般是配置的问题,防止法子 如下,确保registerComponent(参数1)getMainComponentName()返回值这一个 保持一致就OK:

下载:

JDK需要配置两个 环境变量:(因为已配置就我太多 再配置)

(二)编译并运行 React Native 应用

在刚创建的rn项目根目录,打开命令行,输入react-native run-android命令,如图所示:

加进去去环境变量, 示相似 下:

使用react-native init 项目名称创建项目,如图所示:

示相似 下:

我这里用的版本是2.7.13,下载地址:https://www.python.org/downloads/release/python-2713/

(二)手动打开安卓模拟器

防止法子 :

在刚创建的项目的根目录运行下列代码:

首先执行yarn remove babel-preset-react-native,因此 再执行yarn add babel-preset-react-native@2.1.0

相似 :

防止法子 :

1.进入\android\app\src\main目录,新建assets文件夹。

2.进入项目根目录cmd运行以下命令:

※【说明】npm工具是nodejs顶端自带的,有些假如配置了nodejs环境变量就OK了,需要单独配置npm到环境变量。

安装路径:

在cmd中输入 npm -v 回车,如下图:

图示如下:

打开Android Studio,File --> Settings --> 搜索sdk,找到对应的sdk进行安装即可,这里也可不可不可以选择 安装模拟器,找到对应的勾选进行下载即可。

需要在Path环境变量中加进去去两个 值。分别是 Android SDK中tools目录的路径和platform-tools的路径。(因为因为配置,就我太多 再去配置了。)

相似 :

热门

热门标签