React H5开发遇到的两个问题

在使用create-react-app开发React H5应用时,作者遇到了两个问题:如何让局域网内其他设备查看本地开发应用,以及ESlint因React Hooks报错。通过检查网络设置,作者找到了正确显示本地应用的IP地址,解决了预览问题。而对于ESlint的错误,目前的解决方案是禁用相关检测或在Hooks内部定义非纯函数,但作者计划对此做进一步研究。
摘要由CSDN通过智能技术生成

前言

在使用create-react-app开发React移动端应用时,遇到了两个问题,一个是如何在其他设备上查看自己本地开发的网页,另一个是React Hooks的一个错误。

局域网不同设备查看本地开发应用

这个问题其实我一直没有太注意过,一个是需求也不是很大,毕竟所有的都是我自己一个人参与开发的,不需要团队协作对于同一局域网下协作开发自然也不太在意;另一方面就是,create-react-app的终端会告诉你局域网ip,并不觉得会出现什么问题。

You can now view mymusic in the browser.

  Local:            http://localhost:3000/       
  On Your Network:  http://10.0.75.1:3000/       

Note that the development build is not optimized.
To create a production build, use yarn build.

于是在确认了电脑和手机处于同一局域网之后,我开始在自己的手机上查看开发状态,然而并不能看到。。。

这就很奇怪了。

于是我又使用ipconfig查看IP:

以太网适配器 vEthernet (DockerNAT):

   连接特定的 DNS 后缀 . . . . . . . :
   IPv4 地址 . . . . . . . . . . . . : 10.0.75.1
   子网掩码  . 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值