离子选择Ionic 3的组件在IOS 9中不起作用

Question

我们使用Ionic 3开发了一个应用程序。我们在多个地方使用了离子选择组件。在android＆amp; IOS版本＆gt; 10，一切都按预期正常工作。

但在IOS 9中，离子选择组分断裂。点击离子选择时显示空白选项。

<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

Answer 1

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

我还必须添加dev依赖项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分钟。