夜神模拟器跑react-native_夜神模拟器 react-native - CSDN
精华内容
参与话题
  • 前言近期需要使用React Native进行开发,所以需要安装环境。但是因为显卡是AMD的,并且硬件原因,导致出现很多问题。直接导致的最大问题就是不能运行...夜神模拟器下载好之后,启动模拟器,cmd进入自己的React Nat...

    前言

    近期需要使用React Native进行开发,所以需要安装环境。但是因为显卡是AMD的,并且硬件原因,导致出现很多问题。直接导致的最大问题就是不能运行模拟器。所以,最后使用夜神模拟器来代替。接下来为大家详细描述博主在环境安装过程中趟过的坑。

    问题描述和解决办法

    博主是使用IDEA直接进行开发,AS的安装大家可以看我的另外一篇博文。夜神模拟器下载好之后,启动模拟器,cmd进入自己的React Native工程目录下执行下面代码:

    react-native run-android

    却发现连接不上夜神模拟器,原因其实是sdk在使用abd连接模拟器的时候会kill掉之前连接夜神模拟器的abd,导致模拟器连接中断。

    解决办法:cmd进入sdk的platform-tools目录下,运行

    adb.exe connect 127.0.0.1:62001

    原因:执行上面代码之后,连接时sdk会发现abd是一致的,都是从sdk直接连接模拟器的abd,所以不会被kill掉


    重新运行代码,如果模拟器上程序出现红色背景报错说明没有连接到node服务器

    解决办法:在SDK的platform-tools目录下运行:

    adb shell input keyevent 82

    PS:或者可以在模拟器中程序的打开界面使用手机摇一摇功能(夜神模拟器右上角有),一般3次左右会触发同样的效果。如果不行的话,可以直接运行上述代码代替。

    出现下图事件,点击Dev settings


    然后点击下图的按钮


    将Debug server host配置成IP:8081

    注:这个IP实际上是NodeJs服务器的IP,本地的IP可以从ipconfig中找到,如果需要测试寻找本地ip或Node服务器IP,直接在浏览器中访问ip:8081,然后会看到node服务器返回的信息,说明IP正确。

    然后cmd再进入sdk的platform-tools目录下继续执行:(或使用手机摇一摇功能触发事件)

    adb shell input keyevent 82

    出现下面界面后,点击reload,会重新加载一次app,正常情况会执行成功。如果还是没有成功的话,查看一下模拟器wifi配置是否启用了代理,要是启用了,直接关掉代理就好。


    原因:SDK会在模拟器中触发一个事件,然后需要去手动配置Debug server host,程序会根据server host调用node服务。

    展开全文
  • 开门见山,从win10中运行安卓版本的react-native,从0到1,笼统地步骤可以分为以下几...运用cmd,在安卓模拟器中运行react-native应用。    下面就开始从山上的石头慢慢的说一下配置步骤:  1.配置安卓环境,...

      开门见山,从win10中运行安卓版本的react-native,从0到1,笼统地步骤可以分为以下几点:

      1.配置android环境,配置android sdk;

      2.配置react-native环境

      3.配置安卓模拟器

      4.运用cmd,在安卓模拟器中运行react-native应用。

      

      下面就开始从山上的石头慢慢的说一下配置步骤:

       1.配置安卓环境,配置安卓sdk运行环境

          a. 下载android studio 或者 android sdk manage ,配置安卓sdk运行环境

               下载地方暂时不提供了,下面说一下配置安卓sdk环境:①找到下载的sdk文件夹下的platform-tools文件和tools文件,打开控制面板  → 系统和安全  →  系统 → 高级系统设置 → 环境变量   对android sdk 进行配置:

    点击,将platform-tools文件的文件夹路径进行复制,点击新建变量,设置key为 ANDROID-HOME ,value设置为刚才复制的文件夹路径,点击保存,打开cmd,输入adb -version,如果可以查看到版本号,说明安卓环境已经配置好。

    2.配置react-native环境 

       打开cmd,配置node.js环境(下载node.js并安装到电脑上),运行命令 npm install -g react-native-cli 下载react-native并配置好环境

    3.配置安卓模拟器

       安卓模拟器可以考虑下载android studio模拟器,或者使用夜神模拟器(夜神模拟器版本为4.5左右,小弟用的也是这个模拟器)

    4.在安卓模拟器中运行react-native应用

       a.运行react-native应用首先创建一个应用:选择一个文件夹,运行命令行react-native init AwesomeProject进行创建应用名称为 AwesomeProject,创建成功需要将应用与模拟器连接;

       b.连接模拟器:cd 到夜深模拟器的 F:\夜神\Nox\bin 目录,运行命令行:adb connect 127.0.0.1:62001;将模拟器绑定ip后cd到rn项目文件夹下:

    运行命令行:adb devices 查看是否有模拟器配置,

      如果没有设备需要添加运行设备: 运行命令行:adb connect 127.0.0.1:62001 绑定设备,绑定成功后需要将创建的应用生成apk包并安装到模拟器中: 在cmd 中运行命令行:cd android && ./gradlew assembleRelease 在F:\andriod-no\rn\rnDemo\android\app\build\outputs\apk\debug 目录下生成apk文件,将apk直接拖到夜神模拟器中安装。

    可能出现问题的解决方式:

        Ⅰ .  cd 到rn项目的根本目录下运行react-native run-android 在模拟器中运行应用,确保在相同wifi下点击夜神模拟器的按钮出现

    这个页面,点击dev settings 配置 o项为该网络下的ipv4 的地址(eg: 10.0.0.1:8081)端口号必须为8081,

    Ⅱ . 配置8081端口: cd 到安卓环境的F:\andriod-no\sdk\platform-tools 下运行adb reverse tcp:8081 tcp:8081 ,配置成功以后cd 到rn项目根目录并运行命令行 react-native run-android 命令,出现

    运行成功,大功告成!  写的有点着急,还请谅解。

    展开全文
  • 在命令行下进入夜神模拟器安装目录的bin目录下,然后执行 nox_adb connect localhost:62001如果端口号62001连接不上的话,改用52001试一下 进入shell环境 执行下面的命令进入shell环境: nox_adb shell 在shell环境...
    • 连接模拟器
      在命令行下进入夜神模拟器安装目录的bin目录下,然后执行
    nox_adb connect localhost:62001

    如果端口号62001连接不上的话,改用52001试一下

    • 进入shell环境
      执行下面的命令进入shell环境:
    nox_adb shell
    • 在shell环境下执行getprop命令,如下图:
      这里写图片描述
    • 找到dhcp.eth1.server对应的IP地址
    • 打开nox模拟器,确保已经将ReactNative APP安装到模拟器上,点击模拟器的摇动按钮,在对话框的DevSettings选项中,填入上面的IP地址和ReactNative默认的8081端口号,如下图:
      这里写图片描述
    • reload一下即可正常访问ReactNative的Server
    展开全文
  • react-native夜神模拟器环境搭建

    千次阅读 2018-03-28 22:33:24
    1、安装夜神之后需要更新nox_adb.exe文件,使它与sdk的版本保存一直,将sdk的adb.exe复制到夜神安装处更名为nox_adb.exe替换原文件 2、连接模拟器 在夜色安装bin目录中执行nox_adb connet 127.0.0.1:62001 在执行...

    1、安装夜神之后需要更新nox_adb.exe文件,使它与sdk的版本保存一直,将sdk的adb.exe复制到夜神安装处更名为nox_adb.exe替换原文件

        

        

    2、连接模拟器

        在夜色安装bin目录中执行nox_adb connet 127.0.0.1:62001

        

        在执行adb devices

        

        表示设备已连接

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

        

        成功在模拟器上打开应用

    注:如果出现以下情况(设备Android版本在5.0以下

        

        需要去修改配置Dev settings,设置服务地址和端口

        

        

        

    夜神和react-native连接环境已搭建好



    展开全文
  • RN项目连接夜神模拟器: 1. 打开夜神模拟器,电脑进入cmd 连接夜神模拟器 adb connect 127.0.0.1:8081 下边 会直接显示结果,当出现connected sucessful时证明连接成功2. 进入RN项目目录运行项目:react-native ...
  • 这里是window为准, 因为mac电脑 夜神模拟器暂时没有摇一摇功能 连接夜神模拟器 adb.exe connect 127.0.0.1:62001 返回 connected to 127.0.0.1:62001 说明 连接成功!!!! cmd 打开命令编辑器 进入项目目录 ...
  • React Native 安卓模拟器调出Dev Setting

    千次阅读 2018-03-09 11:41:03
    Android Studio 模拟器调出Dev Setting 实现热更新 cmd进入项目目录 F:\study\AwesomeProject> 执行 adb shell input keyevent 82 出现如下图菜单
  • React Native如何与夜神模拟器连接

    千次阅读 2017-10-24 17:38:01
    React Native如何与夜神模拟器连接 由于开发RN时,与手机连接调试时,每次更新代码调试都需要摇一摇手机来load,这样操作起来总有不便之处,所以找到一款与其搭配模拟器是很重要的,这里我就推荐自己使用的一款...
  • React Native夜神模拟器连接方法 由于开发RN时,与手机连接调试时,每次更新代码调试都需要摇一摇手机来load,这样操作起来总有不便之处,所以找到一款与其搭配模拟器是很重要的,这里我就推荐自己使用的一款...
  • 发布的0.56.0版本在windows下有bug不能正常运行 ...安装模拟器(我使用的是夜神模拟器),打开模拟器并连接模拟器 进入夜神安装目录的bin目录下运行,或sdk所在的platform-tools目录下: &gt...
  • websotrm+夜神模拟器配置React-Native开发测试环境 1.安装Java环境,且必须是Java8版本 2.安装Node.js 3.安装webstorm 4.安装夜神模拟器 需要注意的是,bin目录下面的nox_adb.exe的版本必须和SDK里面的adb.exe的版本...
  • 夜神模拟器和安卓连接

    千次阅读 2018-08-27 18:34:17
    那么在我们开发安卓/react-native项目时候需要开启模拟器,这两者就完美的结合起来了。 下面来看看连接过程吧:  1:在百度上搜索:夜神模拟器下载。  2:运行夜神模拟器调节成手机模式。  3:将Android的SDK(在...
  • 首先确定本地adb版本adb version // Android Debug Bridge version 1.0.36复制代码我的是1.0.36然后进入夜神模拟器安装目录D:\Nox\bin下,查看夜神adb版本nox_adb version // Android Debug Bridge version 1.0.36...
  • :设备未连接我链接的是夜神模拟器,出现这个报错分为几种情况:1.夜神模拟器长时间未动,链接掉了,重启及好。2.重启之后,还是报这个错误,查看你的链接设置。查看方式:cmd输入:adb devises当你出现这种情况时,...
  • React Native Android 项目在模拟器上运行时,比如在夜神,会出现能够部署上去,但是无法连上server  如果在本地能够加载这个http://localhost:8081/index.android.bundle?platform=android地址,可以尝试在 Dev ...
  • 使用夜神模拟器调试react-native

    千次阅读 2018-03-16 14:29:06
    1、打开夜神模拟器;2、进入模拟器安装目录bin,输入命令:nox_adb connect localhost:62001,连接到模拟器;3、启动项目:react-native run-android;4、如果出现如下错误,可点击模拟器的摇一摇或者菜单键进入Dev ...
  • React Native 搭配夜神模拟器进行调试 (windows) 在学习 React Native 的过程中,我选择使用了夜神模拟器进行项目调试,接下来就来记录一下在使用模拟器之前的一些准备工作。 首先你得先确保以下几个东西你都安装...
  • 下载好了夜神模拟器,然后react-native也在我windows系统上装好环境并且安装好脚手架了,现在在控制台输入npm start,一切都很顺利(๑′ᴗ‵๑)I Lᵒᵛᵉᵧₒᵤ❤ 然鹅,当我command+R打开dos运行react-native run...
  • 连接夜神模拟器的总是报10061

    千次阅读 2018-03-28 12:58:09
    使用react native需要安装一个模拟器,我选的是夜神模拟器,一个pc端的安卓界面,下载超快,安装也很方便,但是连接的过程有点麻烦安装完后,打开cmd管理员权限,进入到夜神的安装目录的bin下,我的是在d:nox\bin,...
  • 在初识react-native项目上,因为个人从事前后端的开发,使用idea比较方便, 环境搭建 下载node.js 网址:https://nodejs.org/en/ 安装完成后,进入cmd命令行窗口,输入 node -v和npm -v; 备注:如若出现...
1 2 3 4 5 ... 12
收藏数 228
精华内容 91
关键字:

夜神模拟器跑react-native