Dlaczego JSHint generuje ostrzeżenie, jeśli używam const?

To jest błąd, który pojawia się podczas używania const:

<error line="2" column="1" severity="warning" message="&apos;const&apos; is available in ES6 (use esnext option) or Mozilla JS extensions (use moz)." source="jshint.W104" />

Mój kod wygląda następująco:

const Suites = {
    Spade: 1,
    Heart: 2,
    Diamond: 3,
    Club: 4
};

Kod działa dobrze, tylko JSHint ostrzega mnie za każdym razem.

Korzystając z funkcji ECMAScript 6, takich jak const, powinieneś ustawić tę opcję, aby JSHint nie generował niepotrzebnych ostrzeżeń.

/ * jshint esnext: true * / ( Edytuj 2015.12.29 : zaktualizowano składnię, aby odzwierciedlała komentarze @ Olgi )

/*jshint esversion: 6 */

const Suites = {
    Spade: 1,
    Heart: 2,
    Diamond: 3,
    Club: 4
};

Ta opcja, jak sama nazwa wskazuje, informuje JSHint, że twój kod używa składni specyficznej dla ECMAScript 6. http://jshint.com/docs/options/#esversion

Edytuj 2017.06.11 : dodano kolejną opcję opartą na tej odpowiedzi .

Chociaż konfiguracja wbudowana działa dobrze dla pojedynczego pliku, możesz również włączyć to ustawienie dla całego projektu, tworząc .jshintrcplik w katalogu głównym projektu i dodając go tam.

{
  "esversion": 6
}

Możesz dodać plik o nazwie .jshintrc w katalogu głównym aplikacji z następującą zawartością, aby zastosować to ustawienie do całego rozwiązania :

{
    "esversion": 6
}

Odpowiedź Jamesa sugeruje, że możesz dodać komentarz /*jshint esversion: 6 */do każdego pliku, ale jest to więcej pracy niż to konieczne, jeśli musisz kontrolować wiele plików.

Otrzymałem to samo ostrzeżenie, gdy korzystam z wyciągu eksportowego. Używam VS Code i zastosowałem podobne podejście do rozwiązania Wenlong Jiang.

1. Ustawienia użytkownika
2. Konfiguracja JSHint
3. "jshint.options": {} (Edytować)

4. Przy określaniu użyj podwójnych cudzysłowów"esversion"

   Lub skopiuj ten fragment do Ustawień użytkownika:

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

Utworzenie .jshintrcpliku nie jest konieczne, jeśli chcesz skonfigurować globalne ustawienia jshint dla swojego edytora

Jeśli używasz VSCode:

1.

• Przejdź do preferencji -> ustawienia ( cmd + ,)
• Wpisz jshint.optionsw pasek wyszukiwania
• Najedź na nią kursorem i kliknij ikonę ołówka
• Teraz jest dołączony po prawej stronie.
• Dodaj "esversion": 6do obiektu opcji.

2)

Lub po prostu dodaj to do ustawień użytkownika:

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

[AKTUALIZACJA] nowe ustawienia vscode

• Przejdź do preferencji -> ustawienia ( cmd + ,)
• wpisz jshintw wyszukiwaniu

• kontynuuj od kroku 2.

Spędziłem wieki próbując to naprawić. Każde rozwiązanie mówi o „ustawieniach opcji”. Nie wiem co to znaczy. W końcu to rozgryzłem. Możesz po prostu dodać komentarz na górze pliku /*jshint esversion: 6 */.

Możesz określić esversion: 6 wewnątrz obiektu opcji jshint. Proszę zobaczyć obraz. Korzystam z wtyczki grunt-contrib-jshint.

Kiedy zaczynasz używać ECMAScript 6, ten błąd zgłaszany przez twoje IDE.

Dostępne są dwie opcje:

jeśli masz tylko jeden plik i chcesz korzystać z es6, po prostu dodaj poniżej wiersza u góry pliku.

/*jshint esversion: 6 */

Lub jeśli masz liczbę plików js lub używasz dowolnego frameworka (takiego jak nodejs express), możesz utworzyć nowy plik o nazwie .jshintrcw katalogu głównym i dodać kod poniżej w pliku:

{
    "esversion": 6
}

Jeśli chcesz używać wersji es6 dla każdego projektu, możesz skonfigurować IDE.

W pliku package.json możesz powiedzieć Jshint, aby używał es6 w ten sposób

"jshintConfig":{
    "esversion": 6 
}

Jeśli używasz Webstorm i nie masz własnego pliku konfiguracyjnego, po prostu włącz EcmaScript.nextopcję Relaks w

Ustawienia | Języki i ramy | JavaScript | Narzędzia jakości kodu | JSHint

Zobacz to pytanie: Jak rozwiązać błędy JSHint-ES6?

Jeśli używasz konfiguracji Grunt, musisz wykonać następujące kroki

Komunikat ostrzegawczy w Jshint:

Rozwiązanie:

1. Ustaw opcje jshint i zamapuj plik .jshintrc.js

2. Utwórz plik .jshintrc.js w tym pliku i dodaj następujący kod

{  
  „esversion”: 6  
} 

Po skonfigurowaniu, uruchom ponownie. Pominie ostrzeżenie,

Utwórz plik o nazwie powiedz jshint_opts z tą zawartością: {"esversion": 6}

Następnie wywołaj jshint za pomocą czegoś takiego:

jshint --config jshint_opts lib / *. js

W przypadku SublimeText 3 na Macu:

1. Utwórz plik .jshintrc w katalogu głównym (lub gdziekolwiek wolisz) i określ wersję:

    # .jshintrc
    {
      "esversion": 6
    }

2. Odwołaj się do pliku pwd, który właśnie utworzyłeś w ustawieniach użytkownika SublimeLinter (Sublime Text> Preferencje> Ustawienia pakietu> SublimeLinter> Ustawienia)

    // SublimeLinter Settings - User
    {
      "linters": {
        "jshint": {
          "args": ["--config", "/Users/[your_username]/.jshintrc"]
        }
      }
    }

3. Zamknij i uruchom ponownie SublimeText

Maj 2020 Oto proste rozwiązanie, które znalazłem i rozwiąże dla wszystkich moich projektów, w systemie Windows, jeśli twój projekt znajduje się gdzieś w katalogu c:, utwórz nowy plik .jshintrc i zapisz go w katalogu C otwórz ten plik .jshintrc i napisz { "esversion": 6}i to to. ostrzeżenia powinny zniknąć, to samo będzie działać w katalogu d

tak, możesz również włączyć to ustawienie dla konkretnego projektu tylko przez utworzenie tego samego pliku .jshintrc w katalogu głównym projektu i dodanie { "esversion": 6}

Utwórz .jshintrcplik w katalogu głównym i dodaj ustaw tam najnowszą wersję js: "esversion": 9i wersję asi: "asi": true(pomoże to uniknąć używania średników)

{
    "esversion": 9,
    "asi": true
}

Aby to naprawić w Dreamweaver CC 2018, poszedłem do preferencji, edytowałem zestaw reguł - wybierz JS, edytuj / zastosuj zmiany, znajdź „esnext” i zmieniłem ustawienie false na true. To zadziałało dla mnie po wielu godzinach badań. Mam nadzieję, że pomaga innym.

Jeśli używasz Sublime Text 3:

• Przejdź do Preferencji -> Ustawienia
• W obszarze Preferences.sublime-settings - dodaj „esversion” przez użytkownika: 6

W nowej wersji Dreamweaver, aby rozwiązać ten błąd

• Przejdź do Edycja-> Preferencje-> Linting

• I przejdź do js Edytuj zestaw reguł i przeszłość

  „jshintConfig”: {„esversion”: 6}