ESLint - "jendela" tidak ditentukan. Cara mengizinkan variabel global di package.json

Saya menetapkan properti ke objek jendela global, tetapi ketika saya menjalankan eslint, saya mendapatkan ini:

"jendela" tidak ditentukan

Saya melihat ini di sini di eslint docs :

jendela berikut mendefinisikan sebagai variabel global untuk kode yang seharusnya tidak memicu aturan yang diuji:

valid: [
  {
    code: "window.alert()",
    globals: [ "window" ]
  }
]

Saya sudah mencoba menambahkan sesuatu seperti ini ke file package.json agar eslint mengizinkan "jendela" sebagai variabel global, tetapi saya pasti melakukan sesuatu yang salah. Dari dokumen sepertinya saya mungkin perlu melakukan sesuatu seperti ini di file terpisah, tetapi apakah ada cara untuk mendefinisikan beberapa variabel global yang diizinkan tepat di file package.json?

Ada builtin environment: browseryang mencakup window.

Contoh .eslintrc.json:

"env": {
    "browser": true,
    "node": true,
    "jasmine": true
  },

Informasi lebih lanjut: http://eslint.org/docs/user-guide/configuring.html#specifying-environmentments

Juga lihat para package.jsonjawaban dengan chevin99 bawah.

Saya menemukannya di halaman ini: http://eslint.org/docs/user-guide/configuring

Dalam package.json, ini berfungsi:

"eslintConfig": {
  "globals": {
    "window": true
  }
}

Tambahkan .eslintrcdi root proyek.

{
  "globals": {
    "document": true,
    "foo": true,
    "window": true
  }
}

.Eslintrc.json Anda harus berisi teks di bawah ini.
Dengan cara ini ESLint tahu tentang variabel global Anda.

{
  "env": {
    "browser": true,
    "node": true
  }                                                                      
}

Saya sadar dia tidak meminta versi inline . Tetapi karena pertanyaan ini memiliki hampir 100 ribu kunjungan dan saya jatuh di sini mencari itu, saya akan meninggalkannya di sini untuk sesama pembuat kode:

Pastikan ESLint tidak dijalankan dengan --no-inline-configbendera (jika ini terdengar asing, Anda mungkin baik untuk pergi). Kemudian, tulis ini di file kode Anda (untuk kejelasan dan konvensi, ini tertulis di atas file tetapi akan bekerja di mana saja):

/* eslint-env browser */

Ini memberi tahu ESLint bahwa lingkungan kerja Anda adalah browser, jadi sekarang ia tahu hal-hal apa saja yang tersedia di browser dan menyesuaikannya.

Ada banyak lingkungan , dan Anda dapat mendeklarasikan lebih dari satu pada saat yang bersamaan, misalnya, sebaris:

/* eslint-env browser, node */

Jika Anda hampir selalu menggunakan lingkungan tertentu, yang terbaik adalah mengaturnya di file konfigurasi ESLint Anda dan lupakan.

Dari dokumen mereka :

Lingkungan mendefinisikan variabel global yang telah ditentukan sebelumnya. Lingkungan yang tersedia adalah:

• browser - variabel global peramban.
• node - Node.js variabel global dan pelingkupan Node.js.
• commonjs - Variabel global CommonJS dan pelingkupan CommonJS (gunakan ini untuk kode khusus peramban yang menggunakan Browserify / WebPack).
• shared-node-browser - Global yang umum untuk Node dan Browser.

[...]

Selain lingkungan, Anda dapat membuatnya mengabaikan apa pun yang Anda inginkan. Jika itu memperingatkan Anda tentang penggunaan console.log()tetapi Anda tidak ingin diperingatkan tentang hal itu, cukup sebaris:

/* eslint-disable no-console */

Anda dapat melihat daftar semua aturan , termasuk aturan yang disarankan untuk praktik koding terbaik .

Jika Anda menggunakan Angular, Anda bisa mendapatkannya dengan:

"env": {
    "browser": true,
    "node": true
},
"rules" : {
    "angular/window-service": 0
 }