夜神连接react-native_react-native连接夜神 - CSDN
  • RN项目连接夜神模拟器: 1. 打开夜神模拟器,电脑进入cmd 连接夜神... 进入RN项目目录运行项目:react-native run-android3. 当项目运行起来后如果BUILD SUCCESSFUL 说明项目启动成功,这是会在夜神模拟器上显示...

    RN项目连接夜神模拟器:

     

    1. 打开夜神模拟器,电脑进入cmd  连接夜神模拟器  adb connect 127.0.0.1:8081 下边 会直接显示结果,当出现connected sucessful时证明连接成功

    2. 进入RN项目目录运行项目:react-native run-android

    3. 当项目运行起来后如果BUILD SUCCESSFUL 说明项目启动成功,这是会在夜神模拟器上显示项目界面,第一次可能会报错,没关系,reload一下试试,如果还报错那就需要设置一下,

    4. 点击模拟器上的摇一摇

    5. 

    6. 点击最后一项:Dev Settings

    7. 

    8. 点击Debug server host & prot for device

    9. 

    10. 这里需要输入ip 和端口号,这里我试过三个(127.0.0.1:8081  本机网络ip+8081 172.17.100.2:8081 ),推荐直接用最后一个,

    11. 最后一个ip的来由可以看看这篇文章:http://blog.csdn.net/yubo_725/article/details/73574111

     

    注意:

    1.当连接夜神模拟器时,即使连接成功启动项目后也厚有个错误提示

     

    不用管,这个在其他模拟器也会有提示,忽略就可以了

    2. 如果按着上述步骤设置完之后还是不行,那么这一步就是关键了:

    查看模拟器wifi是否打开并且处于连接状态,如果没有打开的话,只需要打开wifi连接上即可,reload一下完美解决

     

     

     

    展开全文
  • websotrm+夜神模拟器配置React-Native开发测试环境 1.安装Java环境,且必须是Java8版本 2.安装Node.js 3.安装webstorm 4.安装夜神模拟器 需要注意的是,bin目录下面的nox_adb.exe的版本必须和SDK里面的adb.exe的版本...

    使用夜神模拟器配置React-Native开发测试环境

    1.安装Java环境,且必须是Java8版本
    2.安装Node.js
    3.安装webstorm (vscode)
    4.安装夜神模拟器
    需要注意的是,bin目录下面的nox_adb.exe的版本必须和SDK里面的adb.exe的版本相同
    连接夜神模拟器,adb connect 127.0.0.1:62001
    查看连接设备,adb devices
    5.安装react-native-cli------------------npm install -g yarn react-native-cli
    yarn config set registry https://registry.npm.taobao.org --global
    yarn config set disturl https://npm.taobao.org/dist --global
    6.安装SDK ,安装gradle
    下载相应的platform和tools(buildToolsVersion)的版本
    注意这里可能会提示在jre\lib找不到tools.jar的问题,解决办法就是将jdk目录lib下的tools.jar赋值到jre目录下的lib中。
    7.创建项目
    react-native init 项目名
    同时在Android目录下配置一个local.properties文件,内容是sdk.dir=C:\SDk(这里是你的SDK路径,很重要)
    8.调试项目 (很重要)
    1.cd 项目根目录下,
    2.mkdir android\app\src\main\assets
    3.react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
    4.react-native run-android (yarn android)

    注意事项:
    java版本一定要是Java8,因为其他版本不支持react-native
    nox_adb.exe的版本一定要和adb.exe的版本一致,不然连接不上夜神模拟器
    一定要配置local.properties,不然可能会报错误,有时候也需要在项目的根目录下配置一个同样的local.properties文件

    运行项目后,模拟器上出现一个红色的屏,需要执行adb shell input keyevent 82调出一个设置面板,选择dev settings,选择debug port的选项,将本机ip地址+8081的端口号输进去,然后重新reload或者重新执行react-native run-android。

    出现index.android.js` was not found错误,是因为在执行react-native run-android的之前,缺少执行两个操作步骤:

    1.cd到项目根目录,执行mkdir android\app\src\main\assets,生成一个assets文件

    2.执行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
    这个时候再执行react-native run-android就不会有这个错误了,解决该问题参考https://www.cnblogs.com/honeynm/p/9007072.html

    展开全文
  • 最近更新了一下Genymotion模拟器到2.12版本然后启动不了了,加上其兼容性很差,果断弃...3、启动项目:react-native run-android;4、如果出现如下错误,可点击模拟器的摇一摇或者菜单键进入Dev Settings下的Debug s...

    最近更新了一下Genymotion模拟器到2.12版本然后启动不了了,加上其兼容性很差,果断弃坑了。

    1、打开夜神模拟器;

    2、进入模拟器安装目录bin,输入命令:nox_adb connect localhost:62001,连接到模拟器;

    3、启动项目:react-native run-android;

    4、如果出现如下错误,可点击模拟器的摇一摇或者菜单键进入Dev Settings下的Debug server host & port for device,然后设置为你本地的ip,端口号为8081,reload;



    5、如果debugger js在浏览器端报错,将浏览器ip地址替换为localhost即可。


    展开全文
  • 一、根据RN官网https://reactnative.cn/docs/getting-started/讲述下载相应的,必要的JDK、python、Android studio; 照着对应的安装教程都没什么问题,这些做完后下载夜神模拟器进行安装, 二、重点来了: 链接夜神...

    前提在window Android 下 遇到问题不要慌解决就是了 没有问题你会安心吗
    一、根据RN官网https://reactnative.cn/docs/getting-started/讲述下载相应的,必要的JDK、python、Android studio;
    照着对应的安装教程都没什么问题,这些做完后下载夜神模拟器进行安装,
    常遇问题:在保证JDK、python、Android studio、adb安装完成环境变量配置完成的前提下去查找问题,其实我们主要为了在电脑上用android的一个环境而android studio就为我们提供了这样一个环境,有了环境我们还需要一个设备来显示我们的项目,在电脑上也就是我们的模拟器,当然也可以用真机,模拟器与服务器正常链接时,点击Android studio里的Run app会出现一个设备也就是当前连接的模拟器,(android studio里运行项目只有在项目的android文件下运行Run app按钮才会亮),模拟器问题大多是80端口被占用,可以在项目里自定义一个端口,在运行项目时想查看数据及运行变化,可以在根目录下命令行运行adb logcat或android studio里logcat查看数据变化,操作上也不用太在意用的多了就熟了,一般新建项目在Android studio里出现的问题不多,一般都是SDk版本差异导致的;而老项目的话一些依赖I版本较低,API被替换导致。

    二、重点来了:

    链接夜神模拟器adb链接
    前提要安装adb并配置环境变量
    (1)、打开夜神模拟器,(调试时需打开开发者模式,点击首页下的设置,如果没有开发者选项点击关于平板电脑点击版本号激活开发者模式)
    (2)打开命令行窗口,
    (3)打开到夜神安装目录(如cd D:\Program Files\NOX\Nox\bin),
    (4)执行命令:nox_adb.exe connect 127.0.0.1:62001,连接模拟器,(.\adb devices或adb devices查看当前模拟器ip),出现Already connected to 127.0.0.1:62001说明已连上(有时需多来两下)
    (5)若Android Studio连接不上夜神,重启模拟器即可。
    (6)雷电模拟器除端口外(一般为5555)链接步骤一致

    1、运行RN项目报错

    • 在初始化RN项目时查看Android–>app–>src–>main下有没有assets文件没有的话会报错,需创建一个assets文件夹用来存放静态资源,然后在命令行运行react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

    • 运行react-native run-android时如果红了一片并出现Task :app:installDebug FAILED(后面跟了一堆),这个错的大致意思是没有找到安装设备,也就是没有找到相应的真机或模拟器,这时候不用担心,安装链接模拟器即可

    2、在Android studio里运行

    • 在Android studio里运行RN项目时可能会遇到一些报错,这个时候不要着急分析报错内容,最好的方式复制你的错误到网上找答案,这里附上我遇到的几个问题:

    (1)、在Android studio里初始化项目时

    • 如果报错SDK有问题,有可能你没有安装Android studio SDK需要在files–>settings–>System Settins–>android SDK里进行安装具体可以找文档;

    • buildToolsVersion版本不一致报错的可以到android下的build.gradle里找到buildToolsVersion并统一

    (2)、在Android studio里点击Run app时报错(Run app(android文件下) == react-native run-android(根目录下) 运行目录不同)

    • Unknown run configuration type AndroidRunConfigurationTyp原因是因为插件被禁用了,到
      File >> Setting >> Plugins右侧的插件好多都是红颜色,点击后面的选框,插件变为灰色,然后点击apply再点击ok

    • Error: Please select android sdk找到setting->android SDK 路径那里点击EIT进去选择第一个Android SDK-(installed) 一路next

    3、在模拟器里运行报错

    首先打开模拟器的开发者调试(底部的设置)
    在夜神模拟器里摇一摇调出功能选项,
    Reload 刷新
    Enable Live Reload 开启会实时更新整个项目
    Disable Hot Reloading 开启实时刷新当前修改页
    Dev Settings 输入本地ip+端口 (默认8081)

    • 出现unable to load script… 或者javascript version 0.55.2 native version 0.5.8 此类问题删除app/mian下的assets在RN项目根命令窗口输入react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

    • 出现403可能8081端口被占用,可在node-modules下的react-native–>local-cli–>server–>server.js里{command:为port,default: 设置端口}

    • 这个对象修改然后修改Dev Settins 下的端口

    • 出现500需重启

    真机测试的话需要打开开发者选项USB调试和USB对应的一些功能(具体看情况)

    展开全文
  • 1、安装夜神之后需要更新nox_adb.exe文件,使它与sdk的版本保存一直,将sdk的adb.exe复制到夜神安装处更名为nox_adb.exe替换原文件 2、连接模拟器 在夜色安装bin目录中执行nox_adb connet 127.0.0.1:62001 在执行...
  • 由于最近把电脑系统从window7升级到window10原来的react-native项目跑不起来折腾了1-2天,这次得地把react-native安装的步骤以及遇到的坑写下来,防止以后继续踩坑以及给其他同样遇到这样问题的开发者提供一些帮助。...
  • 首先说明,本人使用的是react-native-cli插件思路,搭建所有的环境第一步就应该(强烈建议)查阅官方文档教程(先查一下,没有再论),不建议在网上找个人教程来看,大家说的参差不齐,有时很容易越搞越麻烦,基本...
  • 开门见山,从win10中运行安卓版本的react-native,从0到1,笼统地步骤可以分为以下几点:  1.配置android环境,配置android sdk;  2.配置react-native环境  3.配置安卓模拟器  4.运用cmd,在安卓模拟器中...
  • react-native-root-toast自定义弹窗 基于版本 “react-native-root-toast”: “^3.2.1” Toast的调用方法: 官方api提供两种调用方式 1、Calling api import Toast from 'react-native-root-toast'; // Add a ...
  • 最近又有新的项目立项,所以好久都没有写博客了,然后都是利用闲暇时间来学习React-native。 由于安卓和ios的就业环境给移动端开发带来前所未有的冲击,于是乎很多伙伴们不得不另谋他路,然后现在比较火爆的Hybird...
  • 第一次使用Android studio运行react-native开发的App,不知道怎样去启动项目 失败方式 以下均失败: 1、在项目目录下执行:react-native run-android 2、在项目目录下执行:react-native start 3、在Android studio...
  • 这里是window为准, 因为mac电脑 夜神模拟器暂时没有摇一摇功能 连接夜神模拟器 ...cmd 打开命令编辑器 进入项目目录 window 上边运行RN react-native start 点击模拟器上边摇一摇 输入是输入ip 和端口号 ...
  • React-Native环境搭建需要: 1、安装Java JDK 2、安装Android Studio ...6、安装react-native-cli 7、测试环境是否搭建好附:React-Native中文网环境搭建链接 https://reactnative.cn/docs/0.4
  • 1.运行 react-native run-android 我的机器上会弹出一个dos 的node框 2.关掉dos后 模拟器报错 3.解决方法 adb reverse tcp:8081 tcp:8081 npm start 重新开启一次热加载 ...
  • 摘抄自https://www.cnblogs.com/zhangzonghua/p/react-native.html这位博友的文章,我这边已经成功安装了react-native环境并且能够真机...1.在cmd界面搭建react-native 环境: 可参考https://reactnative.cn/docs/0....
  • 配置好adb的环境变量 新建 ADB_MY_HOME C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 然后加入path ...打开夜神模拟器 控制台输入 adb.exe connect 127.0.0.1:62001 看...
  • React-native 安装基础篇

    2019-04-07 13:47:14
    React-native 安装基础篇 RN官方文档 (0.55): ... RN 中文翻译 文档 (0.51): - https://reactnative.cn 推荐博客 ES6 语法学习(阮一峰) - http://es6.ruanyifeng.com 以下基于MacOS 一...
  • 每次阅读源码或者使用新的第三方SDK的时候,总想爆一句The fucking code or The fucking document ~~ ...中文文档地址:https://reactnative.cn/docs/getting-started.html 英文文档地址:https://...
  • 8081端口没被占。。。 新建好react-native项目后首次运行就报错
1 2 3 4 5 ... 12
收藏数 240
精华内容 96
关键字:

夜神连接react-native