添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

在新电脑上重新搭建了ReactNative的开发环境后,发现项目启动正常没有明显的报错,但是手机端一直不能正常加载RN的项目,排查花费了很久的时间才解决,特记录下来方便有同样问题的人不会再在浪费时间在这个问题上。

创建项目后,启动项目,从启动日志上来看,没有特别的错误,正常启动了。
在这里插入图片描述
手机上启动的app却显示服务器没有启动成功。
在这里插入图片描述

设置IP地址和端口

确认手机和电脑在同一个网段后,摇一摇设置电脑的IP地址和服务区端口[默认8081]
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
如果重新Reload报错,提示HTTP 403错误,请看下一种方式。
在这里插入图片描述

关闭防火墙

怀疑是防火墙问题,关闭防火墙,然后重启react-native服务器。
在这里插入图片描述
重启服务器后如果项目仍然不能访问,报HTTP 403错误,请看下一级条解决方案。

重新设置服务器端口

关闭防火墙后仍然不能访问,我们就可以怀疑8081端口被其它程序占用从而无法使用。

首先先启动项目,此时服务器的端口号仍然是8081。

react-native run-android

然后重新设置app上的端口号为9080。
在这里插入图片描述

使用 新的端口9080来启动服务器。

react-native start --port 9080

重新Reload,就可以看到正常界面了。
在这里插入图片描述

@[TOC] react-native 连接不上服务器,Unable to load script前言在新电脑上重新搭建了ReactNative的开发环境后,发现项目启动正常没有明显的报错,但是手机端一直不能正常加载RN的项目,排查花费了很久的时间才解决,特记录下来方便有同样问题的人不会再在浪费时间在这个问题上。问题创建项目后,启动项目,从启动日志上来看,没有特别的错误,正常启动了。手...
我们启动一个react native 项目,会自动用node启动一个后台服务 ,app会访问这个服务来获取bundle,出现unable to load script的原因,就是因为app访问不到这个后台服务 我们首先要确认这个后台服务起来没有,在浏览器中输入localhost:8081,如果出现如下图,则表示服务已经起来了 而且本机ip:8081也必须能够访问 如果 本机ip:8081访问不了,很有可能8081端口被占用了 mac下查看端口使用情况 lsof -i tcp:8081
一、React Native在运行时发生连接不上模拟器。 1.首先使用adb命令查看 adb devices 会出现这么几种情况。 命令查看 adb devices 显示下面(如果没有此命令) 1.会出现(没有进程adb.exe): List of devices attached daemon not running; starting now at tcp:5037 daemon sta...
我们都知道使用RN开发android,我们要运行程序可以使用 //android 5.0之前要反向代理喜爱 5.0之后可以不用 但是你写也没关系 adb reverse tcp:8081 tcp:8081 //run app react-native run-andorid这时候假如你是使用模拟器,在环境变量没什么为题的情况下 都能跑通 通过 摇一摇 或者使用 adb 命令 adb
在android手机上运行react-native项目时 报错:unable to load script from assets 'index.android bundle'  ,make sure your bundle is packaged correctly or youu're runing a packager server 目前我所使用的版本:
问题描述: 因目前项目所使用RN框架版本较老(0.46),为解决之前遇到一个问题,项目无法在安卓模拟器运行,所以在项目中添加了一个index.js文件(其实就是将index.android.js的内容复制一份粘贴过来,项目中就变成了有三个index文件index.ios.js、index.android.js、index.js),解决了无法在安卓模拟器运行的问题,但随后就出现了安卓打包后真机运行无法访问后台服务的问题 删除index.js文件 项目目录下运行下列代码 react-nativ
source={{uri:'http://samples.leanpub.com/thereactnativebook-sample.pdf'}} style={{flex:1}} 以上是在 React Native 0.71.6 中使用 react-native-pdf 的基本步骤,你可以根据自己的需求调整代码。