Heim > Web-Frontend > js-Tutorial > So lösen Sie das Problem einer leeren Projektseite beim Öffnen von Vue 2.0 in IE11

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

不言
Freigeben: 2018-06-29 16:53:40
Original
3376 Leute haben es durchsucht

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
Nach dem Login kopieren

Füge es in die Eintragsdatei ein

import 'babel-polyfill'
Nach dem Login kopieren

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"]
 }
};
Nach dem Login kopieren

Ersetzen Sie

module.exports = {
 entry: {
 app: './src/main.js'
}
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage