ESLint - „okno” nie jest zdefiniowane. Jak zezwolić na zmienne globalne w pliku package.json

Przypisuję właściwość do globalnego obiektu okna, ale po uruchomieniu eslint otrzymuję:

„okno” nie jest zdefiniowane

Widzę to tutaj w dokumentach eslint :

poniżej definiuje okno jako zmienną globalną dla kodu, która nie powinna wyzwalać testowanej reguły:

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

Próbowałem dodać coś takiego do pliku package.json, aby eslint zezwalał „window” jako zmiennej globalnej, ale muszę robić coś złego. Z dokumentów wynika, że ​​być może będę musiał zrobić coś takiego w osobnym pliku, ale czy istnieje sposób na zdefiniowanie dozwolonych zmiennych globalnych bezpośrednio w pliku package.json?

Jest wbudowane, environment: browserktóre obejmuje window.

Przykład .eslintrc.json:

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

Więcej informacji: http://eslint.org/docs/user-guide/configuring.html#specifying-environments

Zobacz także package.jsonodpowiedź chevin99 poniżej.

Znalazłem go na tej stronie: http://eslint.org/docs/user-guide/configuring

W pakiecie.json działa to:

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

Dodaj .eslintrcw katalogu głównym projektu.

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

Twój plik .eslintrc.json powinien zawierać poniższy tekst.
W ten sposób ESLint wie o twoich zmiennych globalnych.

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

Wiem, że nie prosi o wersję wbudowaną . Ale ponieważ to pytanie ma prawie 100 tys. Odwiedzin i wpadłem tutaj, szukając tego, zostawię to tutaj następnemu programistowi:

Upewnij się, że ESLint nie działa z --no-inline-configflagą (jeśli to nie brzmi znajomo, prawdopodobnie dobrze jest jechać). Następnie zapisz to w pliku kodu (dla zachowania przejrzystości i konwencji, jest napisane na wierzchu pliku, ale będzie działać wszędzie):

/* eslint-env browser */

To informuje ESLint, że twoje środowisko pracy jest przeglądarką, więc teraz wie, jakie rzeczy są dostępne w przeglądarce i odpowiednio się dostosowuje.

Istnieje wiele środowisk i możesz zadeklarować więcej niż jedno w tym samym czasie, na przykład:

/* eslint-env browser, node */

Jeśli prawie zawsze korzystasz z określonych środowisk, najlepiej ustawić go w pliku konfiguracyjnym ESLinta i zapomnieć o tym.

Z ich dokumentów :

Środowisko definiuje predefiniowane zmienne globalne. Dostępne środowiska to:

• browser - zmienne globalne przeglądarki.
• node - Zmienne globalne Node.js i określanie zakresu Node.js.
• commonjs - Zmienne globalne CommonJS i zakres CommonJS (użyj tego dla kodu tylko do przeglądarki, który używa Browserify / WebPack).
• shared-node-browser - Globale wspólne zarówno dla węzła, jak i przeglądarki.

[...]

Oprócz środowisk możesz sprawić, że zignoruje wszystko, co chcesz. Jeśli ostrzega cię przed używaniem, console.log()ale nie chcesz być o tym ostrzegany, po prostu wstaw:

/* eslint-disable no-console */

Możesz zobaczyć listę wszystkich reguł , w tym zalecanych reguł dla najlepszych praktyk kodowania .

Jeśli używasz Angulara , możesz to zrobić za pomocą:

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