正文 

当前位置： 首页 > java > java教程

reactnative在开发过程中遇到的一些问题(俗称:坑)

一天一个知识点 一天一个知识点     2022-10-04     583

关键词：

服务器地址错误

运行时产生以下错误:Could not connect to development server.

1、URL地址设置

问题:

[objc] view plain copy
  1. Could not connect to development server.  
  2.   
  3. Ensure the following:  
  4. - Node server is running and available on the same network - run ‘npm start‘ from react-native root  
  5. - Node server URL is correctly set in AppDelegate  
  6.   
  7. URL: http://localhost:8081/index.ios.bundle?platform=ios&dev=true  
  8. 2016-08-29 17:52:29.307 [error][tid:main][RCTWebSocketManager.m:84] WebSocket connection failed with error Error Domain=NSPOSIXErrorDomain Code=61 "Connection refused"  


解决:

 

在AppDelegate.m文件中,把一下代码中的localhost改为你电脑的IP地址，并且保证连接的是同一个网络(例如:连接同一个路由的网络)。

[objc] view plain copy
  1. jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];  

2、HTTP设置

 

[objc] view plain copy
  1. 2016-08-29 18:01:20.273 AwesomeProject[688:263429] App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Temporary exceptions can be configured via your app‘s Info.plist file.  
  2. 2016-08-29 18:01:20.316 [fatal][tid:main] Could not connect to development server.  
  3.   
  4. Ensure the following:  
  5. - Node server is running and available on the same network - run ‘npm start‘ from react-native root  
  6. - Node server URL is correctly set in AppDelegate  
  7.   
  8. URL: http://10.240.139.46:8081/index.ios.bundle?platform=ios&dev=true  

 

开启ATS即可

技术分享图片

 

 

提示

 

摇晃设备来打开开发菜单(重新加载、调试，等等……)，这跟模拟器下的命令类似(Cmd + R to reload,Cmd + D)

 

 

 

watchman无法启动的问题

现象:

[javascript] view plain copy
  1. watchman--no-pretty get-sockname returned with exit code 1  

技术分享图片

这个问题不影响app的运行，但是有红色的Error总感觉不好

 

解决方法:

 

 

修改权限

 

sudo chown -R `whoami` /usr/local

 

重新安装watchman 
brew link pcre 
brew install –HEAD watchman

brew uninstall watchman 

这时可能还是会遇到以下的错误

技术分享图片

把错误提示的那些/usr/local下的文件先删除，然后执行"brew update"

技术分享图片

 

然后安装watchman: "brew install -HEAD watchman"

技术分享图片

 

出现不能"symlink"的错误，按照提示执行:

技术分享图片

这样执行后，watchman就可能正常使用了

 

 

 

reactNative调用原生方法的问题

 

按照react-native中文网上的教程，学习iOS下的原生模块(iOS 日历模块演示), 功能就是JS调用Object-C定义的方法，代码都是照抄，但是运行的时候出现以下错误，一直没找到解决办法。

技术分享图片

后来发现OC代码的修改，如果要看效果，必须是通过Xcode运行，才能调用到原生方法，如果是在Deco中运行，就会出现上面的错误，官方文档并没有给出提示，增加大家学习的难度。


 

参考:

 








源始web开发过程中遇到的一些兼容问题

...持下去，使自己能有所提高... 　　先来总结下在前端开发过程中容易遇到的一些兼容问题。 1、块属性标签float之后，如果有横向的margin属性，在IE6显示margin比设置的值大。　　解决方案：给float的元素添加display:inline属... 查看详情

前端开发过程中遇到过啥困难？

面试前端开发工程师，对方问：“开发中遇到过什么困难，如何解决的？”这个问题应该怎么回答？希望大神给个范文。不要给什么问题分析、思路之类的，就是要一个可以背下来的范文。开发中主要会用到Vue、vue-cli、webpack、n... 查看详情

reactnative入门宝典

...有关问题可以加群讨论。正在上传...取消简介笔者在研究ReactNative过程中，发现其中文资料相对较少，已出版的大部分图书资料都已过时。Facebook中的ReactNative开发团队以每 查看详情

在自己编程过程中遇到的一些问题

  虽然说需要描述自己在整个编程生活中遇到的一些问题和从中学到了什么，但是可能自己之前太过遥远的东西也记不太清了，就说说最近自己遇到的几个印象深刻的问题吧。  第一个印象深刻的问题是关于计算机... 查看详情

记一次开发过程中，iview遇到的一些坑以及解决办法(代码片段)

...项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程中遇到的问题。 1、Modal关闭问题需求背景：modal框里面是个form表单，点击确定之后，先验证form表单，验证通过则关闭modal框，验证不成功则提示用户，不关闭... 查看详情

开发新版大番薯牛牛源码过程中遇到需要注意的问题

...游戏的服务器搭建步骤，希望能有人从中受益！我最近正开发的这套新版大番薯牛牛源码今微信H5牛牛源码（h5.ttkmwl.com）开发出来了，但开发h5页面时间遇到了一些坑。天不负有心人，心累！相信H5的程序员开发微信h5页面始遇到... 查看详情

reactnative在特赞的应用与实践

基于React技术栈构建开发前端项目，并使用ReactNative开发特赞移动APP目前正在使用Node.js开发和维护特赞服务网关，希望Node.js能够在更轻量级的微服务架构中发挥重要作用课程介绍：ReactNative在特赞的应用与实践课程摘要：APP开发... 查看详情

搭建在线教育平台过程中，可能会遇到哪些问题？

...很多优化与功能上的难题需要解决，这些问题往往都是在开发者与第三方服务对接时，或者后期测试中可能遇到的。下面小编就来带各位总结下。一、高并发如果讲师在进行实时直播授课，或学 查看详情

组装者模式在reactnative项目中的一个实战案例(代码片段)

前言在实际的开发中，如果遇到多个组件有一些共性，我们可以提取一个BaseItem出来，然后在多个组件中进行复用，一种方式是通过继承的方式，而今天我们要说的是另一种方式--组装者模式。什么是组装者模式？就是在一个类... 查看详情

二.jsp开发过程中遇到的问题及解决

一.开发环境问题问题一:FailedtoloadtheJNIsharedlibrary启动Eclipse时弹出“FailedtoloadtheJNIsharedlibrary……”这样的一段提示，如下图：大概意思就是说在某个位置找不到jvm.dll这个文件原因1：　指定目录下jvm.dll不存在，可能... 查看详情

cocos2dx开发：记录遇到的一些问题和解决方法

...一些新手提供点经验。这篇文章会一直更新，将自己之后开发中遇到的问题也更新到文章中。 1.使用cocos2d-x-2.2.0新建项目的过程解决：2.0以后的版本没有了install-templates-msvc.bat配置模板脚本，不能直接在VS2010中 查看详情

reactnative开发跳坑之native-base自定义样式

参考技术A开发平台的搭建就不赘述了，按照网上的资料和官网的Demo都能把HelloWorld搞出来，在这里我只记录一些，花了较长时间才解决的问题。本篇文章解决的问题是在使用第三方UI插件native-base如何自己定义样式。在使用RN时，... 查看详情

《reactnative》之程序调试篇

...尤为重要，能协助开发者快速定位问题。??此文重点介绍ReactNative开发的程序调试工具及过程。??呼出DeveloperMenu对话框，如下图所示：Android物理设备或者IOS物理设备：摇晃手机呼出。Android模拟器：Command?+MIOS模拟器：Command?+D开发... 查看详情

webview和reactnative中吸顶效果实现

作者|👽来源|Sharing一、前言在跨端开发中，离不开一些吸顶的交互场景，可以参考淘宝或是京东类电商app中一些tab，在整个容器滑动的过程中，吸顶效果非常的连贯和丝滑的，当然这些tab可能是用native开... 查看详情

springmvc之旅-开发到部署过程中遇到的问题整理（不断更新）

开发中： 第一个问题：我在做一个APP的后台服务接口的时候遇到一个问题。在SpringMVC中有两个注解，@RequestBody和@ResponseBody。@RequestBody的作用是将输入参数为json时将json数据转换为java对象，@ResponseBody的作用是将输出结果的java... 查看详情

vue开发过程中遇到的问题

1.gitlab团队协作开发2.elementui问题集锦3. 使用vue和ElementUI快速开发后台管理系统 查看详情

使用processonh绘制流程图的过程中一些常见的问题

...为自己并不是很熟悉工具平台的使用，所以导致了在操作过程中出现了一系列的问题，然后就留心把自己遇到的不解的问题都进行了一下整理，汇总了那些高频的问题，和大家分享一下。快捷键：首 查看详情

前端开发中经常遇到的一些英语单词

...意的小细节，每天也会准时讲一些项目实战案例。在前端开发与探讨过程中熟悉并了解一些英语是非常关键的，下面整理了一些基础的前端英语单词，希望对给位有所帮助首先、页面布局（layout）header头部/页眉；index首页/索引... 查看详情