zoukankan      html  css  js  c++  java
  • RN的win7开发环境部署和问题解决

    1安装node,配置环境变量

    2.安装Android studioe,配置环境变量

    3.安装python2

    注意 Node 的版本必须高于 8.3,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本)。安装完 Node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。

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

    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
    

     安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名

    创建新项目:

    react-native init FirstAPP
    

     提示:你可以使用--version参数(注意是个杠)创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

    Windows 用户请注意,请不要在某些权限敏感的目录例如 System32 目录中 init 项目!会有各种权限限制导致不能运行!

    cd FirstAPP
    react-native run-android
    

     这里建议用Android studio运行项目app


    红屏问题解决:

    • 确保包服务器在运行
    • 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
    • 确保飞行模式是关闭的
    • 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备

    检查包服务器在运行方法

           在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常。检查网址为:http://localhost:8081/index.android.bundle?platform=android

    如果无法显示,则在cmd 窗口中输入 npm start 回车 ,再次检查该网址.运行正常,建议使用真机测试输入 adb reverse tcp:8081 tcp:8081,重新加载app,运行即可

  • 相关阅读:
    How to use my view helpers in my ActionMailer views?
    大败笔,状态机
    把程序进行上线部署调试了,
    支付接口心得
    rails3 正则路由
    linux下配置Mysql远程访问,不受ip限制
    ActionController::InvalidAuthenticityToken解决办法
    支付宝接口错误
    DHTML 中的绝对定位
    部署备份
  • 原文地址:https://www.cnblogs.com/loaderman/p/9604661.html
Copyright © 2011-2022 走看看