2017-01-06 2 views
7

Ich versuche, ein polyfill meine vue.js 2.0/Laravel5.3 Anwendung hinzuzufügen, weil im Internet Explorer 11 I einen Fehler erhalten:Polyfill für dh

vuex requires a Promise polyfill in this browser. 

So habe ich die docs gefolgt Ich verwende ecm 6 so I tat:

npm install --save-dev babel-polyfill 

Und hat dieses Bild an der Spitze in meinem bootstrap.js:

import "babel-polyfill"; 

Aber immer noch der gleiche Fehler im Internet Explorer. Was soll ich tun oder was mache ich hier falsch?

+3

Gewöhnlich gehen meine Up-Stimmen ohne Erklärung, aber ich möchte Ihnen nur eine gut geschriebene, recherchierte und erklärte Frage empfehlen. Obwohl ich Ihnen aufgrund der fehlenden Vertrautheit bei der Frage nicht helfen kann, wollte ich anderen, die diese Frage jetzt oder in Zukunft sehen könnten, eine Erklärung als Anreiz anbieten. –

+0

Danke, ich bin froh, das zu hören. – Jamie

+0

Es lohnt sich zu fragen: welche Version von IE benutzen Sie? Und können Sie bestätigen, dass Sie im richtigen Standardmodus sind? Schließlich haben Sie diesen Bootstrap (und das Polyfill) überprüft Haben Sie den Ladevorgang beendet, wenn der Fehler auftritt? zB laden Sie alles in der richtigen Reihenfolge? – Simba

Antwort

4

Wenn Sie Webpack verwenden, finden Sie Ihre webpack.base.conf.js Datei (Mine im build Ordner war) oder das Äquivalent webpack Konfigurationsdatei, dann die Variable App Eintrag ändern babel-polyfill am Anfang zu schließen, so dass es so etwas wie folgt aussieht:

entry: { 
    app: ['babel-polyfill', ...] 
    }, 
    . 
    . 
    . 
+0

Dank geschafft, es so zu beheben. – Jamie

+0

Froh, dass es funktioniert. Gern geschehen. –

0

@doulmi

Fügen Sie diese auf Ihre package.json Datei:

"babel-polyfill": "^6.20.0" 

Danach npm install.

Fügen Sie diese an der Spitze Sie Haupt-js-Datei:

import "babel-polyfill"; 

alles übersetzen. Das sollte funktionieren.

+0

Diese Antwort könnte "richtiger" sein als die, die ich gab, die ein bisschen hackish ist. –