React Native学习笔记（一）【环境搭建】

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

电脑系统 Windows 10

一，环境搭建

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

1，微软包管理器 Chocolatey

Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-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根目录。

然后我们还需要将jdk的bin目录，加入环境变量PATH

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

4,Genymotion

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

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

解决方法

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