Vuetify utilise les fonctionnalités d'ES2015/2017 qui nécessitent l'utilisation de polyfills pour Internet Explorer 11 et Safari 9/10. Si vous utilisez Vue CLI, cela est fait automatiquement pour vous. Sinon, dans votre répertoire de projet, vous pouvez installer babel-polyfill:
Il est important d'inclure le plugin dès que possible dans votre fichier index.js principal. Si vous utilisez un paquet Vuetify SSR, cela s'appliquera au fichier client-entry.js
Il est recommandé d'utiliser babel-preset-env avec le polyremplissage correspondant pour s'assurer que seuls les polyfilles nécessaires sont ajoutés à votre application. Pour plus d'informations sur babel-preset-env, visitez la documentation
Une fois installé, ajoutez le preset à votre fichier .babelrc ou babel.config.js
Malheureusement Vue CLI n'apporte pas automatiquement la compatibilité IE11 dans laquelle vous pouvez rencontrer diverses erreurs (comme Symbol n'est pas défini). Pour aider à résoudre ces erreurs, vous pouvez avoir besoin d'ajouter manuellement le paramètre transpileDependencies dans vue.config.js.
En raison d'une prise en charge limitée des balises <template> par Internet Explorer, vous devez envoyer des éléments DOM entièrement compilés au navigateur. Cela peut être fait soit en compilant votre code Vue à l'avance, soit en créant des composants auxiliaires pour remplacer les éléments du DOM. Par exemple, si envoyé directement à IE, cela échouera :