React Native学习笔记(一)【环境搭建】

17-03-23 23:29 字数 2557 阅读 5417 已编辑

本系列笔记记录从0开始学习ReactNative的过程,分享在学习过程遇到的坑,以及解决方案。

电脑系统 Windows 10

一,环境搭建

中文官网:http://reactnative.cn

1,微软包管理器 Chocolatey

Chocolatey是一个Windows上的包管理器,类似于linux上的yumapt-get。一般安装步骤:

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateybin

以管理员身份运行CMD,执行上面的命令。

遇到问题

使用“2”个参数调用“DownloadFile”时发生异常:“操作已超时。”
所在位置 行:163 字符: 3
+   $downloader.DownloadFile($url, $file)
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : WebException

Downloading 7-Zip commandline tool prior to extraction.
使用“2”个参数调用“DownloadFile”时发生异常:“操作已超时。”
所在位置 行:163 字符: 3
+   $downloader.DownloadFile($url, $file)
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : WebException

    使用“0”个参数调用“Start”时发生异常:“系统找不到指定的文件。”
所在位置 行:209 字符: 3
+   $process.Start() | Out-Null
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : Win32Exception



使用“0”个参数调用“BeginOutputReadLine”时发生异常:“StandardOut 未重定向或者该进程尚未启动。”
所在位置 行:210 字符: 3
+   $process.BeginOutputReadLine()
+   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : InvalidOperationException

使用“0”个参数调用“WaitForExit”时发生异常:“没有与此对象关联的进程。”
所在位置 行:211 字符: 3
+   $process.WaitForExit()
+   ~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (:) [], MethodInvocationException
    + FullyQualifiedErrorId : InvalidOperationException

Unable to unzip package using 7zip. Perhaps try setting $env:chocolateyUseWindowsCompression = 'true' and call install
again. Error: 7-Zip signalled an unknown error (code )
所在位置 行:223 字符: 15
+ ...   default { throw "$errorMessage 7-Zip signalled an unknown error (co ...
+                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : OperationStopped: (Unable to unzip...n error (code ):String) [], RuntimeException
    + FullyQualifiedErrorId : Unable to unzip package using 7zip. Perhaps try setting $env:chocolateyUseWindowsCompres
   sion = 'true' and call install again. Error: 7-Zip signalled an unknown error (code )

解决方法

可能是微软的执行策略引起的问题,因此在安装前先在powershell中执行下以下命令(管理员身份)。

Set-ExecutionPolicy unrestricted

然后再去执行chocolatry的安装命令。

应该可以安装成功了

然后我们测试下chocolatey是否安装成功

如果出现版本号说明安装成功

2,安装python,nodejs

直接按照官方教程安装即可

3,Android Studio和jdk

Androidstudio推荐去官方的中文网站http://www.android-studio.org下载,速度较快。

这两个都安装完成后,我们需要配置下java的环境变量。

新建一个JAVA_HOME的环境变量,值为你的jdk根目录。

配置JAVA_HOME环境变量

然后我们还需要将jdkbin目录,加入环境变量PATH

点击PATH>新建>将bin目录粘贴进去

然后打开cmd,测试下是否成功了。

出现这些内容说明安装成功

4,Genymotion

直接按照官方教程安装即可


在运行facebook 官方demo react-native时报找不到入口文件

解决方法

遇到这种情况,查看你的cmd窗口,看看是不是还没创建index.android.js,如果没有或者停掉了,运行react-native start命令创建index.android.js。

0人点赞>
关注 收藏 改进 举报
2 条评论
排序方式 时间 投票
叶秋

Learn once , Write anywhere。[em_13]

Up骚年
环境搭建坑太多了。。。
请登录后发表评论
站长 @ 十七度
文章
380
粉丝
23
喜欢
190
收藏
31
排名 : 1
访问 : 127.95万
私信