So lösen Sie das Problem einer leeren Projektseite beim Öffnen von Vue 2.0 in IE11

Dieser Artikel stellt Ihnen hauptsächlich die Lösung für das Problem vor, dass Vue 2.0 die leere Projektseite in IE 11 öffnet. Der Artikel analysiert die Ursachen dieses Problems im Detail und bietet detaillierte Lösungen Lernen Sie daraus und lernen Sie es gemeinsam.

Vorwort

Aus beruflichen Gründen lerne ich seit einiger Zeit Vue2.0 und verwende seit Kurzem das offizielle Gerüstbau-Tool von Vue2.0, um es zu erstellen. Das Projekt lief ohne Probleme in Chrome, aber es gibt einen Fehler beim Öffnen in IE11:

Problem

Ie11 öffnet das vue2.0-Projekt leer, Konsolenfehler vuex requires a Promise polyfill in this browser；

Ursache

Babel standardmäßig nur Konvertiert neue JavaScript-Syntax, nicht neue APIs wie Iterator, Generator, Set, Maps, Proxy, Reflect, Symbol, Promise und andere globale Objekte sowie einige für globale Objekte definierte Methoden (wie Object.assign) nicht transkodiert werden. Um dieses Problem zu lösen, verwenden wir eine Technologie namens Polyfill (Codefüllung, auch als Kompatibilitätspatch übersetzt).

Einfach ausgedrückt ist Polyfill der Code, der zum Kopieren (also simuliertes Kopieren, nicht Kopieren) der nativen API verwendet wird, die in der aktuell ausgeführten Umgebung noch nicht vorhanden ist.

Lösung

Installationbabel-polyfill

Schritte

npm-Installation

npm install --save-dev babel-polyfill

Füge es in die Eintragsdatei ein

import 'babel-polyfill'

Wenn Sie auch das offizielle Gerüst vue-cli verwenden, müssen Sie auch verschiedene Änderungen in der Konfigurationsdatei webpack.config.js vornehmen, verwenden Sie

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

Ersetzen Sie

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

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist Achten Sie auf die chinesische PHP-Website!

Verwandte Empfehlungen:

So lösen Sie das Problem des falschen Zugriffspfads nach dem Packen des Vue-Hintergrundbilds

Anleitung Lösen Sie das Vue-Projekt. Das Problem der leeren Seite beim Öffnen nach dem Verpacken

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem einer leeren Projektseite beim Öffnen von Vue 2.0 in IE11. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!