web-dev-qa-db-fra.com

VUE Projet CLI-3 ne fonctionne pas sur IE-11

J'ai créé un projet dans vuejs en utilisant vue-cli3. Il fonctionne bien sur chrome chrome mais dans la version IE-11, un écran vide est affiché avec l'erreur suivante dans la console comme mentionné dans ce lien: https://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view? usp = drivesdk En cliquant sur l'erreur de console que j'ai signalée dans la capture d'écran ci-dessus, cela ouvre un écran comme affichage dans le lien donné https://drive.google.com/ file/d/1_QXVjcw3cmqeC70LfNyLcr__rnXVIZIh/view? usp = drivesdk avec l'erreur dans le package mini-toastr: Voici mon code de fichier babel.config.js:

module.exports = {
  presets: [
   ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol'
      ]
    }]
  ]
}

et le code de fichier .browserslistrc:

> 1%
last 2 versions
not ie <= 8

Je n'arrive pas là où je fais une erreur. Est-ce que je manque quelque chose? Si quelqu'un a besoin de plus d'informations, veuillez me le faire savoir. Merci!

vuejs2vue-cli-3
8
Sukhpal Singh

Je me suis finalement retrouvé avec la solution du problème ci-dessus. Pour exécuter le projet sur la version IE-11, suivez simplement les 2 étapes:

  1. Installez babel-polyfill en utilisant la commande "npm install --save babel-polyfill".
  2. Importez babel-polyfill dans votre fichier main.js ou index.js en haut de tous les packages importés. Par exemple, voici votre fichier main.js.

Remarque: Si vous importez babel-polyfill à la fin, cela ne fonctionnera pas.

import 'babel-polyfill'  
import Vue from 'vue'
import Vuetify from 'vuetify'

import router from './router'
// include script file
import './lib/DemoScript'

// include all css files
import './lib/DemoCss'

Vue.use(Vuetify)

new Vue({
    store,
    router,
    render: h => h(App),
    components: { App }
}).$mount('#app')
10
Sukhpal Singh

Une autre solution: utilisez la puissance de vue-cli-3 pour tirer parti du support du navigateur: https://cli.vuejs.org/guide/browser-compatibility.html#modern-mode

Une seule option lors de la construction et vous avez terminé une fois que vous avez choisi la liste de navigateurs à prendre en charge :-)

Cela devrait bien fonctionner pour créer une application.

1
barbara.post