美文网首页
RN一切从环境开始

RN一切从环境开始

作者: duffy990 | 来源:发表于2017-10-30 14:58 被阅读0次

我的 win7系统,开始步骤就不写了,都差不多,遇到问题多百度多谷歌。(参考地址)

本人遇到问题 init 没有 index.android.js 和 index.ios.js ,只有index.js
而且 在react-native start后 传说中的 http://localhost:8081/index.android.bundle?platform=android

报错
后面发现原来是版本更新了,合并了

Paste_Image.png

使用这个就可以了http://localhost:8081/index.bundle?platform=android

终于成功了!!!!!

Paste_Image.png

react-native run-android
结果:

Paste_Image.png
赶快下个Android Studio压压惊
给懒人的地址~

安卓Android studio


Paste_Image.png

点击Cancel,在后续的界面再安装SDK即可,不要用百度的其他方法哦~~

Paste_Image.png

出现以上的是手机没有开通 usb调试,或者Android studio没有装齐。

可以运行在手机上了。。不过一片红色
显示什么:[React Native unable to load script from assets index.android.bundle on windows]

解决方法:具体步骤:报错页面晃动手机,显示菜单 =》 点击Dev Settings =》 点击Debug server host & port for device =》 设置IP和端口(ex:192.168.0.20:8081)=》 点击返回 =》 页面是空白,再次点击摇一摇,选择Reload JS程序就显示出来了。

历经九九八十一难,终于可以开始了 。。。不说,上图

Paste_Image.png

安卓手机 : adb devices
会出现以下bug

$ adb devices
List of devices attached
关掉360杀毒软件就可以了,明智的方法是远离360。。。。搞了大半天

react-native手机显示:Unable to load script from assets index.android.bundle on windows

解决方法:

Using npm version 4.3.0 react-native-cli version 2.01 react-native version 0.49.5
In project directory,
mkdir android/app/src/main/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
The file name has changed from index.android.js to index.js

相关文章

  • RN一切从环境开始

    我的 win7系统,开始步骤就不写了,都差不多,遇到问题多百度多谷歌。(参考地址) 本人遇到问题 init 没有 ...

  • React Native 入门(二) - Hello World

    当前 RN 版本:0.48操作环境:Windows 10 我们从 Hello World 项目开始,进入 Reac...

  • 「React Native」TypeScript环境搭建

    一.环境搭建。 1.从RN0.57版本开始已经可以直接支持typescript,无需任何配置。2.RN版本<0.5...

  • React Native 环境搭建

    一直对 RN 充满了好奇,前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。 环境搭建 ...

  • React Native平台搭建

    注:本篇文章属于转载 转载的文章,一切纠纷与本文无关 Window系统下搭建RN开发环境 RN开发所需要的工具:...

  • Mac 环境搭建 React Native

    配置mac开发环境(刚开始学习RN,随记一下环境搭建) 1. 基本环境安装 先安装Homebrew:用于安装Nod...

  • React Native开发流程

    RN开发流程 目标: 3月1日—4月14日,熟悉整套开发流程,并输出文档教程。 RN环境搭建 RN环境搭建请参考以...

  • 2022-05-27

    RN学习之路1:mac系统下搭建RN环境 1,安装homebrew 终...

  • React-Native 入门之小技巧

    本文介绍一些RN的全局设置: 修改字体(全局) RN切换打包环境 切换后台,多次切换后台环境,切换打包环境好像是 ...

  • 将RN项目集成到你的项目-iOS

    关于RN的环境搭建请参考搭建开发环境,最好自己创建了AwesomeProject,因为有些配置文件可以直接从Dem...

网友评论

      本文标题:RN一切从环境开始

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