ESLint - «окно» не определено. Как разрешить глобальные переменные в package.json

Я назначаю свойство глобальному объекту окна, но когда я запускаю eslint, я получаю это:

«окно» не определено

Я вижу это здесь, в документах eslint :

следующее определяет окно как глобальную переменную для кода, который не должен вызывать тестируемое правило:

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

Я попытался добавить что-то вроде этого в файл package.json, чтобы eslint разрешил использование «окна» в качестве глобальной переменной, но я должен что-то делать не так. Из документации кажется, что мне может понадобиться сделать что-то подобное в отдельном файле, но есть ли способ определить некоторые разрешенные глобальные переменные прямо в файле package.json?

Существует встроенная функция, environment: browserкоторая включает в себя window.

Пример .eslintrc.json:

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

Дополнительная информация: http://eslint.org/docs/user-guide/configuring.html#specifying-environments

Смотрите также в package.jsonответ на chevin99 ниже.

Я нашел это на этой странице: http://eslint.org/docs/user-guide/configuring

В package.json это работает:

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

Добавьте .eslintrcв проект корень.

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

Ваш .eslintrc.json должен содержать текст ниже.
Таким образом, ESLint узнает о ваших глобальных переменных.

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

Я знаю, что он не просит встроенную версию. Но так как этот вопрос имеет почти 100 000 посещений, и я попал сюда в поисках этого, я оставлю это здесь следующему товарищу по кодированию:

Убедитесь, что ESLint не запускается с --no-inline-configфлагом (если это не звучит знакомо, вы, вероятно, хорошо). Затем запишите это в свой файл кода (для ясности и условности, он написан поверх файла, но он будет работать где угодно):

/* eslint-env browser */

Это говорит ESLint, что ваша рабочая среда - это браузер, поэтому теперь он знает, что доступно в браузере, и адаптируется соответствующим образом.

Существует множество сред , и вы можете объявить более одного одновременно, например, в строке:

/* eslint-env browser, node */

Если вы почти всегда используете определенные среды, лучше всего установить это в конфигурационном файле ESLint и забыть об этом.

Из их документов :

Среда определяет глобальные переменные, которые предопределены. Доступные среды:

• browser глобальные переменные браузера.
• node - Глобальные переменные Node.js и область видимости Node.js.
• commonjs - Глобальные переменные CommonJS и область видимости CommonJS (используйте это для кода только для браузера, который использует Browserify / WebPack).
• shared-node-browser - Глобальные переменные, общие для узла и браузера.

[...]

Помимо окружения, вы можете игнорировать все, что захотите. Если он предупреждает вас об использовании, console.log()но вы не хотите, чтобы вас об этом предупреждали, просто вставьте:

/* eslint-disable no-console */

Вы можете увидеть список всех правил , в том числе рекомендуемые правила, которые должны соответствовать правилам кодирования .

Если вы используете Angular, вы можете получить его с помощью:

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