Ionic 3 的 ion-select 组件在 IOS 9 中不起作用

ion-select component of Ionic 3 not working in IOS 9

我们使用 Ionic 3 开发了一个应用程序。我们在多个地方使用了 ion-select 组件。在 android & IOS 版本 > 10 中,一切都按预期正常工作。

但在IOS9中,离子-select成分断裂。点击 ion-select.

时显示空白选项
<ion-item>
   <ion-label>Gender</ion-label>
   <ion-select>
     <ion-option value="f">Female</ion-option>
     <ion-option value="m">Male</ion-option>
   </ion-select>
</ion-item>

结果:

环境详细信息:

可重现问题的特定 IOS 版本:9.3.5

全局包:

@ionic/cli-utils : 1.5.0
Cordova CLI      : 6.5.0
Ionic CLI        : 3.5.0

本地包:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms               : android 6.1.2 ios 4.2.1
Ionic Framework                 : ionic-angular 3.7.1-201710060319

系统:

Node       : v7.8.0
OS         : OS X El Capitan
Xcode      : Xcode 8.2.1 Build version 8C1002
ios-deploy : 1.9.1
ios-sim    : 5.0.13
npm        : 4.2.0

我可以通过将 app-scripts 版本从 3.0.1 降级到 2.1.4 来解决问题。

我还必须添加开发依赖项 tsc-wrapped 来解决一些 ts lint 问题。

"devDependencies": {
    "@angular/tsc-wrapped": "^4.4.6",
    "@ionic/app-scripts": "2.1.4",
    "typescript": "2.3.4"
},

将我的配置更改为上述配置后,webpack 进程持续时间从 35 分钟减少到 3-4 分钟。