Was verursacht den Fehler „Unerwarteter Token-Export' in ES6 und wie kann er behoben werden?

Verstehen des Fehlers „Unerwarteter Token-Export“ in ES6

Beim Versuch, ES6-Code innerhalb eines Projekts zu verwenden, kann der Fehler „Unerwarteter Token-Export“ auftreten. Dieser Fehler entsteht aufgrund der Inkompatibilität zwischen der JavaScript-Unterstützung Ihrer Umgebung und der ES6-Syntax.

Grund für den unerwarteten Token-Export

ES6 führte das Konzept der EcmaScript-Module (ESM) ein. , gekennzeichnet durch das Schlüsselwort export. Umgebungen, die ESM nicht unterstützen, interpretieren diese Syntax jedoch als unerwartetes Token. Insbesondere ältere Versionen von NodeJS (vor v14.13.0) verwenden CommonJS-Module, die die Eigenschaftssyntax module.exports verwenden. Selbst in neueren NodeJS-Versionen, die ESM unterstützen, muss es explizit aktiviert werden.

Lösungen zur Lösung unerwarteten Token-Exports

Es gibt verschiedene Ansätze, um dieses Problem zu beheben:

• Aktivieren Sie ESM in NodeJS v14.13.0 oder höher: Um die ESM-Unterstützung zu aktivieren, ändern Sie die package.json-Datei Ihres Projekts, indem Sie „type“ auf „module“ festlegen.
• Refactor mit der CommonJS-Modulsyntax:Für ältere NodeJS-Versionen schreiben Sie Ihren Code mit der CommonJS-Modulsyntax neu.
• Verwenden Sie TypeScript mit ts-node/ts-node-dev: Durch die Verwendung von TypeScript und den npm-Paketen ts-node oder ts-node-dev können Sie TypeScript-Dateien in JavaScript-Code transpilieren, der mit Ihrer Umgebung kompatibel ist.
• Transpilieren Sie ESM nach CommonJS mit esbuild: Nutzen Sie das esbuild-Paket, um Ihren ES6-Code in CommonJS-JavaScript zu transpilieren und so die Kompatibilität mit Ihrer Umgebung sicherzustellen. (Hinweis: Die Verwendung von Babel wird nicht mehr empfohlen.)

Das obige ist der detaillierte Inhalt vonWas verursacht den Fehler „Unerwarteter Token-Export' in ES6 und wie kann er behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!