如何导入eslint插件导出的环境？

Question

I see that in https://github.com/Gillespie59/eslint-plugin-angular/blob/master/environments.js subsection mocks eslint-plugin-angular declares the inject global variable.

How do I import these environment settings from my application? I tried "extends": "angular" but eslint still complains:

7:14  error  'inject' is not defined  no-undef

I tried adding:

"env": {
    "angular/mocks": true
}

to the config, but then I got

Environment key "angular/mocks" is unknown

Answer 1

You are getting this error because ESLint can only use environments exposed by plugins and not configs. You have to register eslint-plugin-angular as plugin in your config file:

"plugins": ["angular"],
"env": {
  "angular/mocks": true
}

If that still doesn't work, you should run ESLint with --debug flag to see if your config is correctly loaded and environment is applied. You can also run ESLint with --print-config flag followed by a path to some file in your repository to see all of the rules and global variables that ESLint will use when linting that file.