So lösen Sie das Problem mit dem ES6-Importfehler

Lösungen für es6-Importfehler: 1. Verwenden Sie bebal, um es6 in es5 zu konvertieren. 2. Packen Sie über Webpack, führen Sie alle Abhängigkeiten in einer Datei zusammen und verwenden Sie dann babel zum Konvertieren.

Die Betriebsumgebung dieses Artikels: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Wie löse ich das Problem mit dem Es6-Importfehler?

Die meisten Browser unterstützen ES6 derzeit nicht. Wenn Sie es6 verwenden, müssen Sie daher bebal verwenden, um es6 in es5 zu konvertieren.

Projektverzeichnis:

• demo1: single Konvertierung von js-Dateien

test1.js unter src-Datei

const aa="this is test1";
console.log("this is from test1",aa);\

Bebal-Datei im Projektstammverzeichnis einführen

.babel

Inhalt:

{
　　presets:["es2015"]
}

Install. babel-cli

cnpm i babel-cli -g

Weil Sie es6 konvertieren müssen zu es5 Sie müssen also auch babel-preset-es2015 installieren unter dist und der Vorgang meldet keinen Fehler Konvertieren Sie babel src --out-dir dist

Die Seite führt test2.js test3.js unter der dist-Datei ein

Fehlerbericht

• Da wir node; zum Kompilieren von ES6 in es5 verwenden, basiert das Knotenmodul auf den Spezifikationen von CommonJS und aktuelle Browser und Knoten unterstützen die meisten ES6 nicht Lernen: „
  Javascript-Grundlagen-Tutorial

》

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem mit dem ES6-Importfehler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!