离子/Cordova应用程序在飞溅屏幕后留在白屏幕上 - 网络视图缓存文件错误

Question

最近在某些Android 11＆amp;中更新了我们的离子应用程序的Android-TargetSdkversion = 30在飞溅屏幕之后，它提供了12个手机，它将提供空白屏幕，并且不会消失。 它在一些Android 11＆amp; 12个设备和模拟器中的所有版本，但是一些三星（S20，S21），最新的Pixel 6都遇到了这个问题。 如某些关于Android WebView问题的论坛所述，我试图禁用和启用“ Android System WebView”，但这无济于事。

LogCat中有以下错误，感谢此

2022-07-01 19：54：12.424 17025-17940/？ e/chromium：[错误：simple_file_enumerator.cc（21）]代码>

下面是软件包。

  "name": "**",
  "version": "0.0.1",
  "author": "***",
  "homepage": "***",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^10.0.8",
    "@angular/common": "^10.0.8",
    "@angular/core": "^10.0.8",
    "@angular/forms": "^10.0.8",
    "@angular/platform-browser": "^10.0.8",
    "@angular/platform-browser-dynamic": "^10.0.8",
    "@angular/router": "^10.0.8",
    "@fortawesome/angular-fontawesome": "0.7.0",
    "@fortawesome/fontawesome-svg-core": "1.2.30",
    "@fortawesome/free-solid-svg-icons": "5.14.0",
    "@ionic-native/camera": "^5.27.0",
    "@ionic-native/core": "^5.27.0",
    "@ionic-native/in-app-browser": "^5.27.0",
    "@ionic-native/keyboard": "^5.27.0",
    "@ionic-native/open-native-settings": "^5.27.0",
    "@ionic-native/screen-orientation": "^5.27.0",
    "@ionic-native/sim": "^5.27.0",
    "@ionic-native/splash-screen": "^5.27.0",
    "@ionic-native/status-bar": "^5.27.0",
    "@ionic/angular": "^5.3.1",
    "@ionic/cli": "^6.11.0",
    "@ionic/storage": "^2.3.0",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "angular2-signaturepad": "^3.0.4",
    "cordova-android": "9.1.0",
    "cordova-background-geolocation-lt": "^3.9.2",
    "cordova-ios": "^5.1.1",
    "cordova-open-native-settings": "1.5.2",
    "cordova-plugin-androidx-adapter": "^1.1.3",
    "cordova-plugin-background-fetch": "^6.1.1",
    "cordova-plugin-camera": "^4.1.0",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-inappbrowser": "^3.2.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.2.1",
    "cordova-plugin-screen-orientation": "^3.0.2",
    "cordova-plugin-sim": "^1.3.3",
    "cordova-plugin-splashscreen": "^5.0.4",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-sqlite-storage": "^3.4.0",
    "core-js": "^3.6.5",
    "es6-promise-plugin": "^4.2.2",
    "hammerjs": "^2.0.8",
    "rxjs": "^6.6.2",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/architect": "^0.803.29",
    "@angular-devkit/build-angular": "~0.1000.5",
    "@angular-devkit/core": "^10.0.5",
    "@angular-devkit/schematics": "^10.0.5",
    "@angular/cli": "^10.0.5",
    "@angular/compiler": "^10.0.8",
    "@angular/compiler-cli": "^10.0.8",
    "@angular/language-service": "^10.0.8",
    "@ionic/angular-toolkit": "^2.3.0",
    "@types/jasmine": "^2.8.17",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "cordova-plugin-geolocation": "^4.0.1",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~3.3.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~7.0.0",
    "tslint": "~6.1.0",
    "typescript": "~3.9.7"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-sqlite-storage": {},
      "cordova-plugin-sim": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "This app has a feature that uses your phone’s Location Services to track you"
      },
      "cordova-open-native-settings": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-screen-orientation": {},
      "cordova-background-geolocation-lt": {
        "BACKGROUND_MODE_LOCATION": "<string>location</string>"
      },
      "cordova-plugin-androidx-adapter": {}
    },
    "platforms": [
      "android",
      "ios"
    ],
    "browserslist": []
  }
}

Answer 1

@JKRo here's what worked for me:

So first I signed up for the free trial of Browserstack and uploaded and tested my app there.并没有真正返回任何大错误，但是我可以看到SQLite插件存在问题 - 我以前从未见过。因此，在那里进行测试可能很有用。

1. I updated the SQLite plugin to v6

cordova-sqlite-storage v5.1.0 => v6.0.0
@ionic-native/sqlite v5.30.0 =＆gt; v5.36.0

2. in the tsconfig.json file I changed the target from "es2015" => "es5"

was mentioned here: https://stackoverflow.com/a/62067281/4805298 and https://stackoverflow.com/a/68034532/4805298

other fixes I tried that may work for you:

1. downgrade your Google服务4.0.1-位于build.gradle

   中

2. I can't find the link that helped me with this but I added an extra loading style:

in android/app/src/main/res/values/styles.xml:

<style name="LoadingTheme" parent="@android:style/Theme.Light.NoTitleBar.Fullscreen">
    <item name="android:windowBackground">@color/myColor</item>
</style>

create a colors.xml file in android/app/src/main/res/values/..

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="myColor">#00ff00</color>
</resources>

in Android Manifest:

update the activity theme to the new loading theme

<activity 
...
android:theme="@style/LoadingTheme">

Another thing that was very useful was that because I couldn't see the errors in the emulator, I would upload my app to the google控制台内部测试部分，因为随后将在他们在多个设备上测试您的应用程序的情况下生成预发出的报告。我可以看到报告错误的设备/Android版本的视频。当您没有报告错误的物理设备时，它会使生活更加轻松。

Answer 2

我在离子4上遇到了同样的问题，在更新到科尔多瓦后没有任何错误。
为了解决此问题，我已更新到所有Cordova插件的最新版本。
NPM过时的
离子Cordova插件RM Plugin_name。
离子Cordova插件添加插件。

我将其添加到config.xml：
＆lt; preference name =“ AndroidWindowsPlashScreenAnimatedIcon” value =“ Resources/splash.png”/＆gt;