Ionic 6 / Angular 14 應用程序在 Android 6.1 非 GMS 設備上出現白屏

Question

我已經構建了一個新的空白 ionic 6 / android 14 應用程序並將其部署到幾個不同的設備上。 該應用程序在所有設備上加載，但一個...運行 Android 6.1 和非 GMS 的 Zebra ET50。 該應用程序打開並位於白色屏幕上。

The only issue I can find is around the com.android.webview was 55. I found that the required version is 60. So I used apkmirror to download the latest version and it is now version 103. Still the same result, the app opens最多白屏。

是否還有其他可能會阻止應用程序在這樣的舊設備上打開的東西？

Answer 1

從 angular 12 升級到 14 后，我剛剛遇到了類似的問題。在運行$ ng update @angular/cli的許多事情中，它更新了tsconfig.json中compilerOptions的目標（在我的情況下，從es2015到es2020 ）

閱讀文檔，我注意到對於 Apple 設備，建議將 iOS 版本不再支持 Angular 的目標降級到 ES5。 這讓我想到了撤消ng update所做的自動更改。 它奏效了。 為了盡可能保持最新，我嘗試了每個 ES 版本。 對我來說，最后一個兼容版本是es2019 。

我的 tsconfig.json 文件：

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    // "target": "es2020",
    "target": "es2019",
    "module": "es2020",
    "lib": ["es2018", "dom"],
    "paths": { "@angular/*": ["./node_modules/@angular/*"] }
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}

我仍然不確定為什么會發生這種情況，因為我的設備有 Webview 70+，但這解決了問題。 我希望它對你也一樣。