终端警告遮挡URL时，如何在移动端测试React应用？

一、先找到跨设备可用的URL #

不用急着关警告，直接往上翻终端的输出记录就行——React项目启动时，会先输出两个核心地址：

• 本地访问地址：localhost:3000（只有当前电脑能打开）
• 局域网访问地址：比如192.168.x.x:3000（同一WiFi下的手机、平板都能访问）
  这俩地址一般在警告信息之前就会打印出来，滚动终端就能找到。

二、禁用终端警告的两种方法 #

1. 单次启动临时禁用 #

直接在启动项目的命令前加环境变量，对应不同系统的命令如下：

• Windows（命令提示符）：

  set "ESLINT_NO_DEV_ERRORS=true" && npm start
  

• Windows（PowerShell）：

  $env:ESLINT_NO_DEV_ERRORS="true"; npm start
  

• Mac/Linux：

  ESLINT_NO_DEV_ERRORS=true npm start
  

2. 永久禁用（项目全局生效） #

在项目根目录新建或编辑.env.development文件，添加一行：

ESLINT_NO_DEV_ERRORS=true

保存后重启项目，终端就不会再弹出这些警告了。

三、跨设备测试的注意事项 #

• 手机和电脑必须连接同一个WiFi网络
• 在手机浏览器里输入找到的局域网IP地址（比如192.168.1.100:3000），就能直接打开你的React应用

内容的提问来源于stack exchange，提问作者rehan.ankalgi