Comment résoudre le problème de la page de projet vierge lors de l'ouverture de Vue 2.0 dans IE11

Cet article vous présente principalement la solution au problème de l'ouverture d'une page de projet vierge dans IE 11 avec Vue 2.0. L'article analyse en détail les causes de ce problème et donne des solutions détaillées. Les amis dans le besoin peuvent s'y référer. apprenez-en et apprenez-le ensemble.

Avant-propos

En raison de besoins professionnels, j'apprends Vue2.0 depuis un certain temps, j'utilise l'outil d'échafaudage officiel. de Vue2.0 pour le construire. Le projet a fonctionné sans problème sous Chrome, mais il y a un bug lors de son ouverture dans IE11 :

Problème

Ie11 ouvre le projet vue2.0 Blank, erreur de console

vuex requires a Promise polyfill in this browser；

Cause

Babel par défaut uniquement convertit la nouvelle syntaxe JavaScript, pas les nouvelles API, telles que Iterator, Generator, Set, Maps, Proxy, Reflect, Symbol, Promise et d'autres objets globaux, ainsi que certaines méthodes définies sur des objets globaux (telles que Object.assign) ne le seront pas être transcodé. Pour résoudre ce problème, nous utilisons une technologie appelée Polyfill (remplissage de code, également traduit par patch de compatibilité).

En termes simples, polyfill est le code utilisé pour copier (c'est-à-dire une copie simulée, pas une copie) l'API native qui n'existe pas encore dans l'environnement d'exécution actuel.

Solution

Installation

babel-polyfill

Étapes

Installation npm

npm install --save-dev babel-polyfill

Versez-le simplement dans le fichier d'entrée

import 'babel-polyfill'

Si vous utilisez également l'échafaudage officiel vue-cli, vous devez également apporter diverses modifications dans le fichier de configuration webpack.config.js, utilisez

module.exports = {
 entry: {
 app: ["babel-polyfill", "./src/main.js"]
 }
};

Remplacer

module.exports = {
 entry: {
 app: './src/main.js'
}
}

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il vous sera utile. l'étude de tout le monde. Plus de contenu connexe Veuillez faire attention au site Web chinois PHP !

Recommandations associées :

Comment résoudre le problème du chemin d'accès incorrect après avoir empaqueté l'image d'arrière-plan Vue

Comment résoudre le projet vue Le problème de la page blanche à l'ouverture après emballage

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!