From d031434b5d9eeec35110973cc8aa7a512fcbc05f Mon Sep 17 00:00:00 2001 From: Michael Tintiuc Date: Sun, 25 Aug 2019 20:13:13 +0300 Subject: [PATCH] fix(vue): apply polyfills before defining custom elements Closes #19176 --- vue/src/app-initialize.ts | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/vue/src/app-initialize.ts b/vue/src/app-initialize.ts index b80f1e7308..da4b32bc5a 100644 --- a/vue/src/app-initialize.ts +++ b/vue/src/app-initialize.ts @@ -4,12 +4,12 @@ import { IonicConfig } from '@ionic/core'; // Webpack import for ionicons import { addIcons } from 'ionicons'; -import { close, reorder, menu, arrowDown, arrowForward, arrowBack, search, closeCircle } from 'ionicons/icons'; +import { arrowBack, arrowDown, arrowForward, close, closeCircle, menu, reorder, search } from 'ionicons/icons'; // import '@ionic/core/css/ionic.bundle.css'; // import 'ionicons/dist/collection/icon/icon.css'; -import { defineCustomElements } from '@ionic/core/loader'; +import { applyPolyfills, defineCustomElements } from '@ionic/core/loader'; import { IonicWindow } from './interfaces'; export function appInitialize(config?: IonicConfig) { @@ -17,7 +17,8 @@ export function appInitialize(config?: IonicConfig) { const Ionic = (win.Ionic = win.Ionic || {}); Ionic.config = config; - defineCustomElements(window); + applyPolyfills().then(() => defineCustomElements(win)); + // Icons that are used by internal components addIcons({ 'ios-close': close.ios,