美文网首页
react native真机运行须知

react native真机运行须知

作者: 李梦秋shiny | 来源:发表于2017-07-12 09:40 被阅读0次

    1.参照配置地址

    http://reactnative.cn/docs/0.46/getting-started.html#content

    2.运行cmd

    3.安装Chocolatey:

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

    4.使用Chocolatey来安装Python 2.

    choco install python2

    5.使用Chocolatey来安装NodeJS

    choco install nodejs.install

    (不行可以用 choco upgrade nodejs.install 试试,https://chocolatey.org/看到的)

    6.安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

    npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global

    7.Yarn、React Native的命令行工具(react-native-cli)

    Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g yarn react-native-cli

    安装完yarn后同理也要设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global

    yarn config set disturl https://npm.taobao.org/dist --global

    8.任何一步有问题可以,重启一下电脑试试(看看环境变量是否更新)

    9.为adb配置环境变量

    在path后面加上Android sdk的地址:例如

    新建环境变量Android

    D:\androidstudiosdk\studiosdk\android-sdk-windows\platform-tools

    10.测试安装

    react-native init AwesomeProject

    cd AwesomeProject

    react-native run-android

    11.真机测试出现的问题

    unable to load script

    解决地址:http://blog.csdn.net/u014175342/article/details/73823904

    红屏问题:http://blog.csdn.net/eric_niezhangyu/article/details/51692297

    12.待解决问题oppo R9手机不能运行,原因主要在于这手机,安装个app,都需要先问是否安装这类的问题,开发者点击安装,才开始安装,完又问是否打开app,之类的问题,导致app无法自动安装。

    13.开发react native需要使用的工具,webstorm。

    相关文章

      网友评论

          本文标题:react native真机运行须知

          本文链接:https://www.haomeiwen.com/subject/bwgvhxtx.html