web-dev-qa-db-fra.com

VueJs avec Vuetify ne fonctionne pas dans IE 11

Mon application fonctionne dans tous les navigateurs sauf IE 11. Dans IE je reçois Error: Object doesn't support property or method 'assign'. J'ai ajouté le babel polyfill, mais j'obtiens toujours la même erreur, comme si le polyfill ne compilait pas correctement.

J'ai installé babel-polyfill npm install --save babel-polyfill.

J'ai changé webpack.base.conf.js comme ci-dessous

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    babelPolyfill: 'babel-polyfill',
    app: './src/main.js'
  },

Le projet a été lancé avec le passe-partout Webpack de Vuetify.

3
Cindy Conway

Je l'ai fait au travail. L'ajout du point d'entrée supplémentaire sous forme de tableau fait qu'il fait partie du même graphe de dépendance et est donc intégré au même fichier. Maintenant tout fonctionne bien, même dans IE 11.

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ['babel-polyfill', './src/main.js']
  },
1
Cindy Conway

Vous pouvez ajouter

import 'babel-polyfill'

à main.js

Je suppose que ce n’est pas la meilleure solution en termes de performances, car vous chargez un module dont vous n’avez pas toujours besoin. Toutefois, cela devrait résoudre votre problème en attendant le passage d’un assistant WebPack;)

2
Guillaume Meral