离子3:带有Android应用程序的灰色黑屏设备

Question

当我在我的Android设备上构建和运行我的应用程序时，我有一个黑色的(灰色的)屏幕。

我的问题像this question，但解决方案不能解决我的问题。

测试应用程序是否正常，

当我执行离子服务的时候。

当我构建另一个Ionic应用程序(不是这个)并在设备上运行时。

当我更改in config.xml的ID时。

我试过：

删除并重新添加Android平台。

重新安装所有NPM模块.

重新添加带有SDK版本的cordova-4到4.35.0

重新添加cordova-plugin 4 V4.35.0后的config.xml文件：

但这些步骤都解决不了这个问题。

离子信息输出

Ionic:

   ionic (Ionic CLI)  : 4.1.2
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.9

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 1.2.1, (and 14 other plugins)

System:

   NodeJS : v8.12.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

NPM过期输出

Package                                Current  Wanted  Latest  Location
promise-polyfill                         8.1.0   7.1.2   8.1.0  my_ionic_app
rxjs                                     6.3.2   6.2.1   6.3.2  my_ionic_app
@angular/animations                     5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/common                         5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/compiler                       5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/compiler-cli                   5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/core                           5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/forms                          5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/http                           5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/platform-browser               5.2.10  5.2.10   6.1.8  my_ionic_app
@angular/platform-browser-dynamic       5.2.10  5.2.10   6.1.8  my_ionic_app
@ionic-native/core                       4.7.0   4.7.0  4.14.0  my_ionic_app
@ionic-native/splash-screen              4.7.0   4.7.0  4.14.0  my_ionic_app
@ionic-native/status-bar                 4.7.0   4.7.0  4.14.0  my_ionic_app
@ionic/app-scripts                       3.1.9   3.1.9   3.2.0  my_ionic_app
@ionic/pro                              1.0.20  1.0.20   2.0.3  my_ionic_app
@ionic/storage                           2.1.3   2.1.3   2.2.0  my_ionic_app
angularfire2                       5.0.0-rc.10   5.0.1   5.0.1  my_ionic_app
cordova-android                          7.0.0   7.0.0   7.1.1  my_ionic_app
cordova-plugin-crop                      0.3.1   0.3.1   0.4.0  my_ionic_app
cordova-plugin-ionic-keyboard            2.0.5   2.1.2   2.1.2  my_ionic_app
cordova-plugin-ionic-webview            1.1.19   1.2.1   2.1.4  my_ionic_app
cordova-sqlite-storage                   2.3.1   2.4.0   2.4.0  my_ionic_app
firebase                                 5.0.4   5.5.1   5.5.1  my_ionic_app
ionicons                                 3.0.0   3.0.0   4.4.3  my_ionic_app
typescript                               2.6.2   2.6.2   3.0.3  my_ionic_app

CORDOVA插件列表输出

com-badrit-base64 0.2.0 "Base64"
cordova-plugin-actionsheet 2.3.3 "ActionSheet"
cordova-plugin-camera 4.0.3 "Camera"
cordova-plugin-crop 0.3.1 "CropPlugin"
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-facebook4 3.0.0 "Facebook Connect"
cordova-plugin-file 6.0.1 "File"
cordova-plugin-googleplus 5.3.0 "Google SignIn"
cordova-plugin-ionic-keyboard 2.1.2 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 1.2.1 "cordova-plugin-ionic-webview"
cordova-plugin-media-capture 3.0.2 "Capture"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-streaming-media 2.1.2 "StreamingMedia"
cordova-plugin-telerik-imagepicker 2.2.1 "ImagePicker"
cordova-plugin-video-editor 1.1.3 "VideoEditor"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-sqlite-storage 2.4.0 "Cordova sqlite storage plugin"
info.protonet.imageresizer 0.1.1 "Image Resizer"
twitter-connect-plugin 0.6.0 "Twitter Connect"

有人能帮我吗？

提前谢谢。

Answer 1

经过多次测试和研究，这个步骤解决了这个问题。

溶液

删除插件cordova-4。所以跑：

ionic cordova plugin remove cordova-plugin-facebook4

删除android平台。所以跑：

ionic cordova platform rm android

重新添加插件cordova-4，其中SDK版本为4.35.0，版本为4.35.0，使用--保存标记。跑：

ionic cordova plugin add cordova-plugin-facebook4 --variable APP_ID="YOUR_APP_ID" --variable APP_NAME="YOUR_APP_NAME" --variable ANDROID_SDK_VERSION="4.35.0" --variable FACEBOOK_ANDROID_SDK_VERSION="4.35.0" --save

然后，重新添加android平台：

ionic cordova platform add android