Ionic@3开发服务器无法访问：新环境运行现有APP遇阻

老哥，我看了你在新电脑部署Ionic 3环境后遇到的问题——livereload模式下服务器启动但本地/设备都访问不了，build后页面空白，结合你的ionic info信息，给你几个实战过的排查和修复步骤：

1. 彻底排查端口占用与服务器绑定问题 #

• 虽然你试过改端口，但可能存在隐藏的进程占用，Windows下可以用命令查看是否有其他进程占用目标端口：

  netstat -ano | findstr :8100
  

  或者直接指定一个确定闲置的端口启动：

  ionic cordova run android --device -l -c -s --port 8200
  

• 另外，检查开发服务器是否绑定到所有网卡：Ionic 3的livereload默认应该绑定0.0.0.0，但新环境的网络配置可能限制了这一点，可以在项目根目录的ionic.config.json里添加配置：

  {
    "address": "0.0.0.0",
    // 保留其他原有配置...
  }
  

2. 强制配置安卓8+的HTTP访问权限（必做项） #

即使本地访问有问题，安卓8+对非HTTPS请求的限制也会导致设备连接失败，按以下步骤配置：

• 在src/main/res/xml目录下新建（如果没有）network_security_config.xml，内容如下：

  <?xml version="1.0" encoding="utf-8"?>
  <network-security-config>
      <base-config cleartextTrafficPermitted="true">
          <trust-anchors>
              <certificates src="system" />
          </trust-anchors>
      </base-config>
      <domain-config cleartextTrafficPermitted="true">
          <domain includeSubdomains="true">localhost</domain>
          <domain includeSubdomains="true">192.168.130.143</domain> <!-- 替换成你的电脑局域网IP -->
      </domain-config>
  </network-security-config>
  

• 打开AndroidManifest.xml，在<application>标签中添加引用：

  <application
      ...
      android:networkSecurityConfig="@xml/network_security_config"
      ...>
  

3. 修复Build后页面空白的问题 #

npm run ionic:build --debug能访问但页面空白，大概率是资源路径或依赖问题：

• 检查src/index.html中的base href，确保是<base href="/">（debug模式下用根路径即可）；
• 删除项目根目录的node_modules、package-lock.json和www文件夹，然后重新执行npm install和npm run ionic:build --debug，避免依赖缓存导致的缺失；
• 打开浏览器开发者工具（F12）查看控制台报错，比如是否有JS文件加载失败、模块缺失等问题，针对性修复。

4. 调整环境版本兼容性（你的版本搭配有潜在坑） #

从你的ionic info来看，Cordova CLI 9.0.0和Android平台7.0.0的搭配存在兼容性隐患：

• 建议升级Android平台到与Cordova 9匹配的版本：

  cordova platform remove android
  cordova platform add android@8.1.0
  

• 由于你的Node版本是v10.15.3，npm 6.4.1对peer依赖的检查可能导致老项目安装异常，重新安装依赖时可以加上--legacy-peer-deps参数：

  npm install --legacy-peer-deps
  

5. 辅助排查小技巧 #

• 启动命令加上--verbose参数，查看更详细的服务器启动日志，确认是否成功绑定到目标IP和端口：

  ionic cordova run android --device -l -c -s --verbose
  

• 确认电脑和安卓设备处于同一个局域网，避免WiFi与有线网络分属不同网段导致无法访问。

内容的提问来源于stack exchange，提问作者white91wolf