离子5/电容器ERR_CLEARTEXT_NOT_PERMITTED在Android

Question

我正在用电容器来构建Ionic应用程序。以下是在android Studio中打开android应用程序时运行的命令。

npx cap add android
ionic build
npx cap copy
npx cap open android

在Android Studio中，我运行了构建并单击Run，然后在我的设备中看到错误net:：ERR_CLEARTEXT\u NOT_allowed。我见过很多帖子都有相同的错误，但是那些帖子都是用Cordovabuild发布的。就我而言，我没有使用Cordova来准备android应用程序。

下面是我的Ionic应用程序的一些摘录。

电容器。配置。json文件

{
  "appId": "com.abc",
  "appName": "abc",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "www",
  "cordova": {
    "preferences": {
      "ScrollEnabled": "false",
      "android-minSdkVersion": "19",
      "BackupWebStorage": "none",
      "SplashMaintainAspectRatio": "true",
      "FadeSplashScreenDuration": "0",
      "SplashShowOnlyFirstTime": "false",
      "SplashScreen": "none",
      "SplashScreenDelay": "0"
    }
  },
  "server": {
    "url": "http://192.168.1.208:8100"
  }
}

我也看到这个错误在LogCat的Android Studio

W/cr_AwContents: Application attempted to call on a destroyed WebView
    java.lang.Throwable
        at org.chromium.android_webview.AwContents.a(PG:127)
        at org.chromium.android_webview.AwContents.a(PG:209)
        at com.android.webview.chromium.WebViewChromium.evaluateJavaScript(PG:8)
        at android.webkit.WebView.evaluateJavascript(WebView.java:1113)
        at com.getcapacitor.cordova.MockCordovaWebViewImpl$1.run(MockCordovaWebViewImpl.java:203)
        at android.os.Handler.handleCallback(Handler.java:873)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:193)
        at android.app.ActivityThread.main(ActivityThread.java:6923)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:870)




Answer 1

这篇文章帮助我找到了解决问题的方法。

我删除了电容器中的字段server。配置。json文件使其工作。

"server": {
    "url": "http://localhost:8100"
}

现在是我的电容器。配置。json看起来像

{
  "appId": "com.abc",
  "appName": "abc",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "www",
  "cordova": {
    "preferences": {
      "ScrollEnabled": "false",
      "android-minSdkVersion": "19",
      "BackupWebStorage": "none",
      "SplashMaintainAspectRatio": "true",
      "FadeSplashScreenDuration": "0",
      "SplashShowOnlyFirstTime": "false",
      "SplashScreen": "none",
      "SplashScreenDelay": "0"
    }
  }
}

Answer 2

在电容器配置中指定服务器时，应设置服务器。明文到真以防止此问题发生。例子：

{
  "appId": "com.abc",
  "appName": "abc",
  "npmClient": "npm",
  "server": {
    "url": "http://192.168.1.208:8100", 
    "cleartext": true
  }
}

这并没有很好的文档记录-我发现使用此配置的唯一地方是https://capacitorjs.com/docs/guides/live-reload

Answer 3

匿名用户

将此添加到您的AndroidManifest中。xml在应用程序元素中

<application
    android:usesCleartextTraffic="true"