电容器实时重载不起作用

Question

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

我正在运行这个命令

ionic cap run ios -l

将我的本地 IP 地址添加到

capacitor.config.json

。

但是，我似乎在这里遗漏了一些东西。

注意：根据提供实时重新加载功能#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 capacitor run ios --livereload --external

它将自动打开 Xcode。运行您的项目并且 livereload 应该可以工作。

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

Answer 2

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

Answer 3

它对我也不起作用，直到我将

"cleartext": true

添加到

capacitor.config.json

下的

server

。像这样：

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

这在与框架 CLI 一起使用下的官方文档中进行了解释。

Answer 4

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

npm run build
ionic cap sync

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

然后 livereload 运行：

• 安卓：

ionic cap run android -l --external

• iOS：

ionic cap run ios -l --external

Answer 5

您可以将下面的json与您的capacitor.config.ts匹配，然后运行

ionic cap 运行 android -l --external

{
  appId: 'com.app.android,
  appName: 'MYapp',
  webDir: 'www',
  android: {  },
  ios: {  },
  plugins: {
    CapacitorHttp: {
      enabled: true,
    },
  },
  server: {
    androidScheme: 'https',
    url: "http://192.168.1.68:8100",
    cleartext: true
  },
  bundledWebRuntime: false,
  loggingBehavior:'debug',
}