电容器 livereload 不工作

Question

我不知道如何在 ios 上使用带 ionic 4 和 Capacitor 的 livereload。

我是运行这个命令 ionic cap run ios -l 将我的本地 ip 地址添加到 capacitor.config.json。

不过，我好像漏掉了什么。

注意：根据 Provide live-reload functionality #3130 这应该可行。

我的环境设置：

Ionic:

   ionic (Ionic CLI)          : 4.1.0 (/usr/local/lib/node_modules/ionic)

   Ionic Framework            : @ionic/angular 4.0.0-beta.2

   @angular-devkit/core       : 0.7.3

   @angular-devkit/schematics : 0.7.3

   @angular/cli               : 6.1.3

   @ionic/ng-toolkit          : 1.0.6

   @ionic/schematics-angular  : 1.0.5

Capacitor:

   capacitor (Capacitor CLI) : 1.0.0-beta.6

   @capacitor/core           : 1.0.0-beta.6

System:

   NodeJS : v9.10.1 (/usr/local/bin/node)

   npm    : 6.4.0

   OS     : macOS High Sierra

Answer 1

感谢 ionic 团队的 Julio Cesar 指出这一点，这变成了 Capacitor 中的一个错误，它已经有一个 PR github.com/ionic-team/capacitor/pull/741 and github.com/ionic-team/capacitor/pull/742

Answer 2

对于那些仍在努力尝试的人：

ionic capacitor run ios --livereload --external

它会自动打开Xcode。运行你的项目和 livereload 应该可以工作。

确保您的设备和计算机连接到同一个 WiFi。

Answer 3

在我将 "cleartext": true 添加到 server 下的 capacitor.config.json 之前，它对我也不起作用。像这样：

"server": {
  "url": "http://192.168.1.68:8100",
  "cleartext": true
}

这在 official documentation under Using with Framework CLIs 中有解释。

Answer 4

您的资产可能需要重建并重新同步插件。

npm run build
ionic cap sync

Sync 会告诉您您的 Capacitor 版本是否与您的平台版本匹配，以及插件是否有任何问题。

然后 livereload 运行使用：

ANDROID:

ionic cap run android -l --external

iOS:

ionic cap run ios -l --external

电容器 livereload 不工作

Capacitor livereload not working

ionic4

capacitor