Mengapa JSHint memberikan peringatan jika saya menggunakan const?

Ini adalah kesalahan yang saya dapatkan ketika menggunakan 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" />

Kode saya terlihat seperti ini:

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

Kode berfungsi dengan baik hanya JSHint yang memperingatkan saya setiap saat.

Ketika mengandalkan fitur ECMAScript 6 seperti const, Anda harus mengatur opsi ini sehingga JSHint tidak memunculkan peringatan yang tidak perlu.

/ * jshint esnext: true * / ( Edit 2015.12.29 : sintaks yang diperbarui untuk mencerminkan komentar @ Olga )

/*jshint esversion: 6 */

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

Opsi ini, seperti namanya, memberi tahu JSHint bahwa kode Anda menggunakan sintaksis spesifik ECMAScript 6. http://jshint.com/docs/options/#esversion

Sunting 2017.06.11 : menambahkan opsi lain berdasarkan jawaban ini .

Sementara konfigurasi sebaris berfungsi dengan baik untuk file individual, Anda juga dapat mengaktifkan pengaturan ini untuk seluruh proyek dengan membuat .jshintrcfile di root proyek Anda dan menambahkannya di sana.

{
  "esversion": 6
}

Anda dapat menambahkan file bernama .jshintrc di root aplikasi Anda dengan konten berikut untuk menerapkan pengaturan ini untuk seluruh solusi :

{
    "esversion": 6
}

Jawaban James menunjukkan bahwa Anda dapat menambahkan komentar /*jshint esversion: 6 */untuk setiap file, tetapi itu lebih berfungsi daripada yang diperlukan jika Anda perlu mengontrol banyak file.

Saya mendapat peringatan yang sama saat menggunakan pernyataan ekspor. Saya menggunakan VS Code dan menggunakan pendekatan yang mirip dengan solusi Wenlong Jiang.

1. Pengaturan pengguna

2. Konfigurasi JSHint

3. "jshint.options": {} (Edit)

4. Gunakan tanda kutip ganda saat menentukan"esversion"

   Atau salin cuplikan ini ke Pengaturan Pengguna:

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

Membuat .jshintrcfile tidak diperlukan jika Anda ingin mengonfigurasi pengaturan jshint global untuk editor Anda

Jika Anda menggunakan VSCode:

1.

• Buka preferensi -> pengaturan ( cmd + ,)
• Ketikkan jshint.optionske dalam bilah pencarian
• Arahkan kursor ke atasnya dan klik ikon pensil
• Sekarang ditambahkan di sisi kanan.
• Tambahkan "esversion": 6ke objek opsi.

2.

Atau cukup tambahkan ini ke pengaturan pengguna Anda:

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

[UPDATE] pengaturan vscode baru

• Buka preferensi -> pengaturan ( cmd + ,)
• ketik jshintke dalam pencarian

• lanjutkan dengan langkah 2.

Saya menghabiskan waktu lama untuk memperbaiki ini. Setiap solusi berbicara tentang 'opsi pengaturan'. Saya tidak tahu apa artinya itu. Akhirnya, saya menemukan jawabannya. Anda bisa memasukkan baris komentar di bagian atas file /*jshint esversion: 6 */.

Anda dapat menentukan esversion: 6 di dalam objek opsi jshint. Silakan lihat gambar. Saya menggunakan plugin grunt-contrib-jshint.

Ketika Anda mulai menggunakan ECMAScript 6 kesalahan ini dilemparkan oleh IDE Anda.

Ada dua opsi yang tersedia:

jika Anda hanya memiliki satu file dan ingin menggunakan es6 maka cukup tambahkan baris di bawah ini di bagian atas file.

/*jshint esversion: 6 */

Atau jika Anda memiliki jumlah file js atau Anda menggunakan kerangka kerja apa pun (seperti simpuljs express), Anda dapat membuat file baru bernama .jshintrcdalam direktori root Anda dan menambahkan kode di bawah ini dalam file:

{
    "esversion": 6
}

Jika Anda ingin menggunakan versi es6 dan seterusnya untuk setiap proyek, Anda dapat mengonfigurasi IDE Anda.

Di package.json Anda, Anda dapat memberitahu Jshint untuk menggunakan es6 seperti ini

"jshintConfig":{
    "esversion": 6 
}

Jika Anda menggunakan Webstorm dan jika Anda tidak memiliki file konfigurasi Anda sendiri, maka cukup aktifkan EcmaScript.nextopsi Santai di dalam

Pengaturan | Bahasa & Kerangka | JavaScript | Alat Kualitas Kode | JSHint

Lihat pertanyaan ini Bagaimana-lakukan-saya-mengatasi-ini-JSHint-ES6-kesalahan

Jika Anda menggunakan konfigurasi Grunt, Anda perlu melakukan langkah-langkah berikut

Pesan peringatan di Jshint:

Larutan:

1. Atur opsi jshint dan petakan file .jshintrc.js

2. Buat file .jshintrc.js dalam file itu tambahkan kode berikut

{  
  "esversion": 6  
} 

Setelah mengkonfigurasi ini, Jalankan lagi Ini akan melewati peringatan,

Buat file bernama, katakan jshint_opts dengan konten ini: {"esversion": 6}

Kemudian panggil jshint dengan sesuatu seperti baris perintah ini:

jshint --config jshint_opts lib / *. js

Untuk SublimeText 3 di Mac:

1. Buat file .jshintrc di direktori root Anda (atau di mana pun Anda inginkan) dan tentukan esversion:

    # .jshintrc
    {
      "esversion": 6
    }

2. Referensi pwd file yang baru saja Anda buat di pengaturan pengguna SublimeLinter (Teks Sublime> Preferensi> Pengaturan Paket> SublimeLinter> Pengaturan)

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

3. Keluar dan aktifkan kembali SublimeText

Mei 2020 Ini adalah solusi sederhana yang saya temukan dan itu akan menyelesaikan semua proyek saya, di windows jika proyek Anda berada di suatu tempat di dalam direktori c:, buat file baru .jshintrc dan simpan di direktori C buka file .jshintrc ini dan tulis { "esversion": 6}dan itu Itu. peringatan harus pergi, sama akan bekerja di direktori d

ya Anda juga dapat mengaktifkan pengaturan ini untuk proyek tertentu hanya dengan membuat file .jshintrc di root proyek Anda dan menambahkan { "esversion": 6}

Buat .jshintrcfile di direktori root dan tambahkan set di sana versi js terbaru: "esversion": 9dan versi asi: "asi": true(ini akan membantu Anda menghindari penggunaan titik koma)

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

Untuk memperbaiki ini di Dreamweaver CC 2018, saya pergi ke preferensi, mengedit set aturan - pilih JS, edit / terapkan perubahan, temukan "esnext" dan ubah pengaturan semu menjadi true. Itu bekerja untuk saya setelah jam penelitian. Semoga ini bisa membantu orang lain.

Jika menggunakan Sublime Text 3:

• Pergi ke Preferensi -> Pengaturan
• Di bawah Preferences.sublime-settings — Pengguna menambahkan "esversion": 6

Dalam versi baru Dreamweaver untuk menyelesaikan kesalahan ini

• Pergi ke Edit-> Preference-> Linting

• Dan aturan Edit masuk ke js ditetapkan dan dilewati

  "jshintConfig": {"esversion": 6}