Question

此代码一直在离子2中工作，但升级到离子3后我的登录＆amp;注册屏幕开始变得怪异。整个屏幕在输入焦点上变白，当我点击任何按钮时也是如此。该代码在浏览器中运行良好，但在构建生产应用程序和Android设备上的测试后，它的行为如下。

我尝试过更改html和sass但没有成功，我已经没有关于如何修复它的想法。如果有帮助，这是我的登录屏幕代码。

离子信息

cli packages:

    @ionic/cli-utils  : 1.6.0 (/root/Templates/Akorion Projects/EzyExtensionV2/node_modules/ionic/node_modules/@ionic/cli-utils)
    ionic (Ionic CLI) : 3.6.0 (/root/Templates/Akorion Projects/EzyExtensionV2/node_modules/ionic)

global packages:

    Cordova CLI : 7.0.1 

local packages:

    @ionic/app-scripts              : 2.0.2
    @ionic/cli-plugin-cordova       : 1.4.1
    @ionic/cli-plugin-ionic-angular : 1.3.2
    Cordova Platforms               : android 6.2.3
    Ionic Framework                 : ionic-angular 3.5.3

System:

    Android SDK Tools : 26.0.2
    Node              : v7.4.0
    OS                : Linux 4.9
    npm               : 5.0.0

的package.json

{
  "name": "EzyExtensionV2",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "^4.1.3",
    "@angular/common": "4.1.3",
    "@angular/compiler": "4.1.3",
    "@angular/compiler-cli": "4.1.3",
    "@angular/core": "4.1.3",
    "@angular/forms": "4.1.3",
    "@angular/http": "4.1.3",
    "@angular/platform-browser": "4.1.3",
    "@angular/platform-browser-dynamic": "4.1.3",
    "@ionic-native/app-version": "^4.0.1",
    "@ionic-native/call-number": "^4.0.1",
    "@ionic-native/camera": "^4.0.1",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/file": "^4.0.1",
    "@ionic-native/file-path": "^4.0.1",
    "@ionic-native/file-transfer": "^4.0.1",
    "@ionic-native/google-analytics": "^4.0.1",
    "@ionic-native/keyboard": "^4.0.1",
    "@ionic-native/local-notifications": "^4.0.1",
    "@ionic-native/printer": "^4.0.1",
    "@ionic-native/screenshot": "^4.0.1",
    "@ionic-native/social-sharing": "^4.0.1",
    "@ionic-native/splash-screen": "^4.0.1",
    "@ionic-native/status-bar": "^4.0.1",
    "@ionic-native/transfer": "^3.14.0",
    "@ionic/storage": "2.0.1",
    "@types/node": "^8.0.14",
    "@types/pouchdb": "6.1.0",
    "ionic-angular": "3.5.3",
    "ionic-image-loader": "^4.1.1",
    "ionicons": "3.0.0",
    "pouchdb": "^6.3.4",
    "rxjs": "5.4.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.0.2",
    "@ionic/cli-plugin-cordova": "1.4.1",
    "@ionic/cli-plugin-ionic-angular": "1.3.2",
    "ionic": "3.6.0",
    "typescript": "2.3.4"
  },
  "description": "An Ionic project"
}

经过进一步的试验后，我也发现它只发生在我使用--prod标志和在分辨率为480x800及以下的Android手机上构建时。我在离子github页面上打开了issue。

使用--prod标志建立后，白色屏幕触摸较低分辨率的手机

0 个答案: