Node.js更新后Ionic Livereload无地址选项且仅跑localhost的解决求助

我之前更新Node.js后也碰到过一模一样的livereload异常问题，结合你给出的环境信息，给你几个针对性的解决办法：

1. 手动指定监听主机地址 #

直接在运行命令里加上--host 0.0.0.0参数，强制livereload监听所有可用的网络接口，执行后命令会自动列出当前设备的所有IP地址供你选择：

ionic cordova run android --livereload --host 0.0.0.0

如果需要固定端口，还可以额外追加--port 8100 --livereload-port 35729（端口号可根据自己的需求调整）。

2. 更新Ionic构建工具依赖 #

你的@ionic/angular-toolkit版本是1.5.1，和Ionic CLI 5.2.1、Node.js 10.16.0可能存在兼容性偏差。尝试更新这个核心工具包：

npm install @ionic/angular-toolkit@latest --save-dev

更新完成后重新执行livereload命令，大概率能恢复地址选择的功能。

3. 清除缓存并重建项目依赖 #

缓存堆积也容易导致这类奇怪的异常，按以下步骤操作：

• 清除Ionic本地缓存：

  ionic cache clean
  

• 删除项目根目录的node_modules文件夹和package-lock.json文件（Windows系统可在命令行执行：rmdir /s /q node_modules && del package-lock.json）
• 重新安装所有依赖：

  npm install
  

完成后再次尝试运行livereload命令。

4. 检查并调整Cordova WebView插件配置 #

你使用的cordova-plugin-ionic-webview是4.1.1版本，这个插件直接影响livereload的网络访问逻辑：

• 先尝试更新插件到兼容版本：

  cordova plugin update cordova-plugin-ionic-webview
  

• 打开项目根目录的config.xml，添加或修改以下偏好设置，确保允许外部访问：

  <preference name="Hostname" value="0.0.0.0" />
  <preference name="Scheme" value="http" />
  <preference name="AndroidScheme" value="http" />
  

保存后重新构建项目即可。

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