Ionic/AngularのアプリをiOS12に対応する（後方互換）

ちょっとトラブルがあったので備忘録。同様のトラブルに遭遇した人のために記録しておきます。 Ionic/Angularに起因するトラブルだと思うのですが、もしかすると他のライブラリかもしれないし、特に特定していないです。

@angular/core@11.0.2
@ionic/angular@5.4.1

---

最新のiOSでは問題ないのですが、iOS12でWebサイトがみれない旨の連絡があり、確認したところ以下のエラーがでていました。

ReferenceError: Can't find variable: globalThis

以前は問題なく表示されていたため、最近のバージョンアップによる問題だと思います。globalThisがないといわれていますので、 polyfills.ts に追加して対応します。

まず、ターミナルで @ungap/global-this をインストールします。

npm i @ungap/global-this

そして、 src/polyfills.ts にインポートしてください。

/***************************************************************************************************
 * APPLICATION IMPORTS
 */
import '@ungap/global-this';

簡単ですね。今回知ったのですが、思った以上にiOSのOSバージョンをアップデートしていないユーザは多いので、注意が必要です。WiFi環境でしかアップデートできないため、自宅にWiFiがないユーザはアップデートしそびれてるようですね。

それではまた。