'Symbol' ist undefiniert in IE nach der Verwendung von babel

Question

Ich habe eine reactjs App mit ES6-Standards geschrieben, und ich verwende webpack, um es zu bauen. Die webpack lädt die js Module unter Verwendung babel-loader. Um genau zu sein, verwende ich die folgenden Versionen von Paketen: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6

jedoch nach dem Aufbau, der IE 10 gibt die folgenden Fehler 'Symbol' is undefined. Sollte nicht die babel die Symbol definieren? Gibt es eine spezifische Konfiguration für webpack oder babel Ich muss einstellen, damit es funktioniert? Ich verwende {stage: 0} Konfiguration in meinem .babelrc.

Jede Hilfe wäre willkommen, Vielen Dank!

Answer 1

Ok, ich fand schließlich heraus, dass babel allein keine Polyfill. Einschließlich Skript <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script> löste dieses Problem für mich.

Answer 2

Sie können Polyfill im Eingangspunkt Ihres Codes anfordern, damit es mit dem Rest von JavaScript gebündelt wird.

Eine Möglichkeit ist, zu verwenden:

require('babel-polyfill'); 

Oder:

import 'babel-polyfill'; 

All das in the documentation erklärt.

Answer 3

in der Dokumentation über Runtime

// in bash 
npm install babel-transform-runtime --save-dev 

// in gulpfile 
.pipe(babel({ 
    plugins: ['transform-runtime'] 
})) 

edit: noch besser auf Heroku in prod Modus --save statt --save-dev

Answer 4

OK, hatte ich das gleiche Problem, aber in meinem Fall war das ziemlich anders, also müssen Sie Skript in die Indexdatei wie folgt einfügen:

Aber in meinem Fall habe ich bereits enthalten, dass nach einigen Untersuchungen fand ich heraus, welche meine Proxy das Skript blockieren ...

So sicher machen Sie es in index.html enthalten und auch sicher machen die Sie Zugriff auf das Skript von wo Sie es brauchen, um den Fehler zu vermeiden ...

Aber jetzt, die wir zu diesem Punkt kommen, es ist nicht über Symbol selbst sprechen, was ist Symbol, das nicht in IE erkannt werden kann?

Die Symbol() Funktion einen Wert vom Typ Symbol zurückkehrt, hat statische Eigenschaften, die mehrere Mitglieder integrierte Objekte aufzudecken, hat statische Methoden, die die globalen Symbolregister aussetzen, und ähnelt ein built-in Objektklasse, ist aber als Konstruktor unvollständig, da die Syntax "new Symbol()" nicht unterstützt.

Jeder von Symbol() zurückgegebene Symbolwert ist eindeutig.Ein Symbolwert kann als Kennung für Objekteigenschaften verwendet werden; Dies ist der einzige Zweck der Daten Typ. Einige weitere Erklärungen zum Zweck und zur Verwendung finden Sie im Glossareintrag für Symbol .

Das Datentypsymbol ist ein primitiver Datentyp.