reactNative本地调试localhost踩坑

最新推荐文章于 2024-11-08 10:55:25 发布
最新推荐文章于 2024-11-08 10:55:25 发布
阅读量296 收藏
点赞数 3
文章标签： react native
本文为本人原创文章，转载请标明出处
本文链接：https://blog.csdn.net/Aays2790/article/details/142761973
版权

本地调试请求localhost的时候
1.要和电脑处在同一局域网下面（同一个wifi）
2.把baseURL的localhost改成命令行中ipconfig查询到的IPv4 地址 . . . . . . . . . . . . : （例如）192.168.1.103
在这里插入图片描述

如果报错Net Work Error，可以从上面两点找原因

在这里插入图片描述

Feng Wuqian
关注
react-native入门之调试
蛐蛐的博客
04-04 1400
如果想用其他的 JavaScript 调试器来代替 Chrome可以设置一个名为REACT_DEBUGGER的环境变量，其值为启动自定义调试器的命令。调试的流程依然是从开发者菜单中的 Debug 选项开始。被指定的调试器需要知道项目所在的目录（可以一次传递多个目录参数，以空格隔开）。
React Native开发之调试
xiangzhihong8的专栏
04-22 7048
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。Developer MenuAndroid模拟器：可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。iOS模拟器：可以通过Command⌘ + D快捷键来快速打开Deve
react-native调试
weixin_40466351的博客
10-27 1860
一些老的教程和文章会提到 React 的 Chrome 插件，这一插件目前并不支持 React Native，而且调试本身并不需要这个插件。注意：使用 Chrome 调试目前无法观测到 React Native 中的网络请求，你可以使用功能更强大的第三方的react-native-debugger或是官方的flipper（注意仅能在 0.62 以上版本可用）来观测。如果页面中有debug，会进入debug模式，会方便我们的调试。我用的真机调试，手机摇晃会出现出现的页面，点击debug。
探索React Native调试新方式：react-native-debug-server-host
gitblog_00027的博客
04-24 449
探索React Native调试新方式：react-native-debug-server-host 去发现同类优质开源项目:https://gitcode.com/ 在现代移动应用开发中，React Native以其跨平台的特性和高效的开发效率，受到了广泛的欢迎。然而，调试一直是开发过程中不可或缺的一环。今天，我们要介绍一个能够优化React Native应用调试体验的开源项目——。 项目简介 ...
React Native项目运行与调试--安卓
weixin_39285322的博客
07-07 746
2、安装成功后，打开调试工具。确保React Native的所有调试器客户端都已关闭，通常是http://localhost:/debugger-ui。4、点击DEBUG选项，调试工具就会捕获到对应应用了。8、在上面这个窗口中，输入r代表重新reload项目，输入d代表打开真机上开发者菜单。7、这样代表运行成功，如果中间失败了，重新执行命令再试一下。4、通过USB连接手机与电脑，并打开手机的USB调试开关。3、打开开发者菜单，在上面应用运行窗口按d。，第一次运行比较慢，等待一会。
手把手教你react-native与真机链接起服务
MaShiChao161的博客
02-14 5239
在react-native中按照流程走一遍官网的文档 需要下载Android studio 上面会有模拟器用不了的可以用手机调试 搭建开发环境 · React Native 中文网点击进去 首先你需要一个真机用数据线链接电脑，打开USB调试模式，打开开发这模式 在文件夹中找到项目目录 点击搜索框输出 cmd 回车 输入adb devices 你会发现出现一串号码 然后 讲刚刚输出的好吗赋值到adb -s 号码reverse tcp:8081 tcp:8081 等他执...
ReactNative踩坑之配置调试端口的解决方法
08-29
ReactNative踩坑之配置调试端口的解决方法 ReactNative是一款流行的跨平台移动应用程序框架，但是在实际开发中，我们经常会遇到各种问题，例如配置调试端口的解决方法本篇文章旨在解决这个问题，并提供了一些有用的...
React Native 真机断点调试+跨域资源加载出错问题的解决方法
08-28
React Native 真机断点调试+跨域资源加载出错问题的解决方法 React Native 是一个基于 React 的框架，可以用来开发移动应用程序。然而，在使用 React Native 进行真机断点调试时，可能会遇到跨域资源加载出错的问题...
react-native-localhost::atom_symbol::house_with_garden:返回您实际开发机器的本地地址
05-10
react-native-localhost :atom_symbol: :house_with_garden: 返回实际开发机器的本地地址。 :rocket: 入门 使用 ： yarn add react-native-localhost :writing_hand: 用法 好的，这很简单。 基本上，每当您...
React-Native调试技巧总结
aa671125的专栏
03-08 7622
前言React-Native调试不像本地代码调试一样方便,但也是可以调试的.毕竟如果程序不能调试,那基本无法正常开发.接下来我们看下如何调试RN的程序.1.打开开发者菜单.开发者菜单是RN的一个调试菜单,里面有很多选项,例如重新加载程序,Debug模式开启,实时更新,快速热修复,类似于instant run,开发者调试设置等等.开发者菜单只可在debug版本中调出,假如是apk的release版本则
React Native环境搭建以及项目调试
蒋文的博客
01-30 596
一、安装依赖 必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。 虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。我们建议直接使用搜索引擎搜索下载 Node 、Python2 和Java SE Developm...
React Native / React调试技巧
qq_23414675的博客
09-07 1783
React Native / React调试技巧 做过原生APP开发的同学们都清楚，我们在Xcode和studio中就可以直接对编写的代码进行断点调试，很方便，但是web开发断点调试就不能直接在开发工具中完成了，需要借助浏览器来完成，React相关的开发断点调试和web开发基本上一样，也是在浏览器上进行调试，虽然没有原生那么方便，但是也还算简单。React Native调试需要借助官方的Deve...
ReactNative调试方法
YANGDAHUAN的专栏
02-25 1866
    我们开发任何软件都逃不过调试，ReactNative也不例外，那么如何调试呢？    1、打开谷歌浏览器设置            2、打开扩展程序商店            3、搜索扩展程序react developer tools        4、安装    5、运行程序在运行带RN的工程后，当前页面下ios模拟器通过cmd+D(真机可以通过摇一摇),android通过Menu按键，...
配置Tomcat以Debug模式启动了，但却只能本地用localhost连接调试
weixin_33968104的博客
05-23 200
配置Tomcat以Debug模式启动了，但却只能本地用localhost连接调试！ 在其它电脑上使用telnet也无法连接。 这里只能使用localhost或127.0.0.1， 这是什么原因呢？ 问题就出在“address=localhost:8000”，如下图： 解决方案： 将localhost改为0.0.0.0，如下...
React Native WebView 进阶：实现带回调函数的通讯
最新发布
weixin_42657666的博客
11-08 555
在 React Native 中，我们接收 Web 发送的消息，并根据。方法注册成功和失败回调，并将。对象来注册回调函数，并将。：在接收到消息后，根据。方法来执行相应的回调。// 执行后删除回调。
React native Text Webview 处理字体大小的变化
爱孔孟
11-06 349
如果用户在Android系统中设置了自定义字体大小，会导致WebView中的站点界面出现不良比例。当设置标准textZoom（100）参数大小时，这种不良效果就消失了。想要在整个应用程序中禁用字体缩放，你可以通过全局设置。
使用 React Native WebView 实现 App 与 Web 的通讯
weixin_42657666的博客
11-08 507
通过，我们可以轻松实现 App 与 Web 的双向通讯。这种技术非常适合需要在移动应用中嵌入复杂网页功能的场景。希望这篇文章能帮助你更好地理解和使用。
React Native使用axios会不会有问题
qq_45153375的博客
11-07 1091
即使 React Native 编译成原生应用，Axios仍然能够工作，因为它会通过 React Native 环境中提供的网络请求 API 来执行实际的 HTTP 请求。这些 API 与浏览器的fetch类似，但是是经过桥接到原生网络模块的。所以Axios 是可以在 React Native 编译后的应用中使用的，并且它会利用原生的网络层来处理 HTTP 请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Feng Wuqian

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值