Ich erhalte den Flusenfehler in meinem Code 'import' is only available in ES6 (use 'esversion: 6').

Alles, was mit es6 zu tun hat, löst einen Fehler aus. Ich bin mir nicht sicher, was ich konfigurieren muss, damit es funktioniert.

Fügen Sie .jshintrcIhrem Projekt eine Datei mit dem Namen hinzu und geben Sie in diese Datei Folgendes ein:

{
    "esversion": 6
}

Wie Sie es hier sehen können:

Die vollständige Dokumentation der jshintOptionen finden Sie hier: http://jshint.com/docs/options

Bearbeiten: Ich habe eine Möglichkeit hinzugefügt, es6 zu aktivieren, wenn Sie ESLint anstelle von JSHint verwenden und die Screenshots aktualisieren, da sich VSCode seit meiner ursprünglichen Antwort geändert hat.

JSHint-Methode:

Wenn Sie JSHint verwenden, können Sie Ihren Einstellungen Folgendes hinzufügen:

"jshint.options":{
    "esversion":6
}

ESLint-Methode:

Wenn Sie ESLint verwenden, können Sie Ihren Einstellungen Folgendes hinzufügen:

"eslint.options": {
    "env":{
        "es6":true
    },
    "parserOptions": {
        "ecmaVersion": 6 // or 7,8,9
    }
}

ESLint-Konfigurationsdokumentation

So aktualisieren Sie die Einstellungen

1. Gehen Sie in VS Code zu settings

2. Wenn die Einstellungen angezeigt werden, sehen Sie die Einstellungsabschnitte:

Beachten Sie, dass es zwei Abschnitte gibt, in denen Sie Ihre Einstellungen anpassen können: Benutzereinstellungen und Arbeitsbereichseinstellungen

Benutzereinstellungen Hier sollten Sie alle globalen Einstellungen anwenden, die Sie für jedes Projekt benötigen, an dem Sie jemals arbeiten werden.

Arbeitsbereichseinstellungen Hier können Sie Einstellungsänderungen vornehmen, die nur auf Ihr aktuelles Projekt angewendet werden sollen.

In meinem Fall muss, da ich weiß, dass nur einige meiner Projekte ES6 verwenden können, der Fehlerhinweis angezeigt werden, um mich zu warnen, wenn ich meine Nicht-ES6-Projekte mit ES6 verwende. Daher setze ich dies nur auf meine Arbeitsbereichseinstellungen

Wenn Sie jedoch wissen, dass alles, was Sie in VS Code codieren, ein ES6-Projekt sein wird, speichern Sie einen Schritt und fügen Sie ihn Ihren Benutzereinstellungen hinzu .

3. Klicken Sie je nach Wunsch auf Benutzer / Arbeitsbereich. Suchen Sie nach JSHint oder ESLint (je nachdem, was Sie verwenden). Klicken Sie auf einen der Links Bearbeiten in settings.json , egal welcher.

4. Fügen Sie die entsprechenden Einstellungen hinzu, je nachdem, ob Sie JSHint oder ESLint verwenden:

JSHint

ESLint

Sie können "esversion": 6jshint.options in den Benutzereinstellungen hinzufügen .

{
  "jshint.options": {
    "esversion": 6
  }
}

Um die bereits eingereichten hervorragenden Vorschläge abzurunden, können Sie dies auch Datei für Datei festlegen, indem Sie diese maskierte Zeile (und ähnliche für andere jshint-Einstellungen) oben in Ihre Datei einfügen.

// jshint esversion:6

Eigentlich können Sie es überall hinzufügen, aber es wirkt sich nur auf nachfolgenden Code aus, sodass Sie Einstellungen ein- und ausschalten können, wenn Sie unbedingt etwas Seltsames tun möchten.

Stellen Sie sicher, dass Sie die oben genannten Konfigurationen mit dem json durchführen, aber auch die jshintErweiterung für den Arbeitsbereich entfernen / deaktivieren, wenn Sie sie verwenden, eslintund umgekehrt.

Deaktivieren Sie Ihre jshint-Erweiterung wie folgt: