Lösung für den weißen Bildschirm des IE-Browsers unter vue2.0 (detaillierter Prozess)

Der Inhalt dieses Artikels befasst sich mit der Lösung für den weißen Bildschirm des IE-Browsers unter vue2.0. Ich hoffe, dass er für Sie hilfreich ist . hat geholfen.

Die neu entwickelten Projekte des Unternehmens müssen mit IE9+ kompatibel sein

Fügen Sie einfach

<meta>

auf der Seite index.html hinzu aber es funktioniert nicht

Zusammenfassungsmethode:

Kompatibel mit IE9/IE10, es können Syntax- oder Promise-Fehler auftreten. Installieren Sie babel-polyfill

npm install babel-polyfill

Konfigurieren Sie main beim Seiteneintrag. Führen Sie babel-polyfill

import("babel-polyfill")

in .js ein, um Kompilierungsfehler zu beheben----Wichtig

重新安装一下webpack-dev-server
npm install webpack-dev-server@2.6.1 如果有淘宝镜像也可使用 cnpm

Ändern Sie build/webpack.base.conf.js unter

app:['babel-polyfill','./src/main.js']

babel-preset-es2015-ie installieren

Erstellen Sie eine neue .babelrc im Stammverzeichnis

{
  "presets": [
    
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

Nach Abschluss der oben genannten Vorgänge ausführen

npm run dev

Verwandte Empfehlungen:

Browser-Hack-Zusammenfassung Detaillierte Browser-Kompatibilitätslösungen

phpMyAdmin 3.5.8 in Safari-Lösung für leere Bildschirme

Das obige ist der detaillierte Inhalt vonLösung für den weißen Bildschirm des IE-Browsers unter vue2.0 (detaillierter Prozess). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!