Unerwarteten Token-Export erhalten

Ich versuche zu laufen einige ES6-code in mein Projekt, aber ich bin immer ein unerwartetes token export-Fehler.

export class MyClass {
  constructor() {
    console.log("es6");
  }
}

InformationsquelleAutor der Frage Jason | 2016-07-10

  1. 87

    Sind Sie mit ES6-Modul-syntax.

    Bedeutet dies, dass Ihre Umwelt (z.B. node.js) unterstützen muss ES6-Modul-syntax.

    NodeJS verwendet CommonJS-Modul syntax (module.exports) nicht ES6-Modul syntax (export Stichwort).

    Lösung:

    • Verwenden babel npm-Paket zu transpile Ihre ES6 zu einem commonjs Ziel

    oder

    • Umgestalten mit CommonJS-syntax.

    InformationsquelleAutor der Antwort Phil Ricketts

  2. 14

    Falls Sie diesen Fehler erhalten, könnte es auch damit zusammenhängen, wie Sie die javascript-Datei in Ihre html-Seite. Beim laden der Module müssen Sie ausdrücklich erklären, diese Dateien als solche. Hier ein Beispiel:

    //module.js:
function foo(){
   return "foo";
}

var bar = "bar";

export { foo, bar };

    Wenn Sie das Skript wie dieses:

    <script src="module.js"></script>

    Erhalten Sie die Fehlermeldung:

    Uncaught SyntaxError: Unexpected token exportieren

    Müssen Sie die Datei mit einem type-Attribut auf "module":

    <script type="module" src="module.js"></script>

    Und dann wird es wie erwartet funktioniert und Sie bereit sind, importieren Sie Ihr Modul in ein anderes Modul:

    import { foo, bar } from  "./module.js";

console.log( foo() );
console.log( bar );

    InformationsquelleAutor der Antwort Wilt

  3. 0

    Verwenden ES6 hinzufügen babel-preset-env

    und in Ihrem .babelrc: 

    {
  "presets": ["env"]
}

    InformationsquelleAutor der Antwort jalal246

Schreibe einen Kommentar