ESLint dollar($) is not defined. (no-undef)

$("#ID").hide();

i add ESLint to my project .

everything is fine, except symbol $.

i get error: [eslint] '$' is not defined. (no-undef)

my .eslintrc.json (note: it has additional rules set to disallow jquery functions when there's an equivalent javascript one):

{
"env": {
"browser": true,
"commonjs": true,
"es6": true
},
"extends": [
"eslint:recommended"
],
"parserOptions": {
"sourceType": "module"
},
"plugins": [
"dollar-sign",
"jquery"
],
"rules": {
"indent": [
"error" ,
"tab"
],
"linebreak-style": [
"error",
"windows"
],
"quotes": [
"error",
"double"
],
"semi": [
"error",
"always"
],
"jquery/no-ajax": 2,
"jquery/no-animate": 2,
"jquery/no-attr": 2,
"jquery/no-bind": 2,
"jquery/no-class": 2,
"jquery/no-clone": 2,
"jquery/no-closest": 2,
"jquery/no-css": 2,
"jquery/no-data": 2,
"jquery/no-deferred": 2,
"jquery/no-delegate": 2,
"jquery/no-each": 2,
"jquery/no-fade": 2,
"jquery/no-filter": 2,
"jquery/no-find": 2,
"jquery/no-global-eval": 2,
"jquery/no-has": 2,
"jquery/no-hide": 2,
"jquery/no-html": 2,
"jquery/no-in-array": 2,
"jquery/no-is": 2,
"jquery/no-map": 2,
"jquery/no-merge": 2,
"jquery/no-param": 2,
"jquery/no-parent": 2,
"jquery/no-parents": 2,
"jquery/no-parse-html": 2,
"jquery/no-prop": 2,
"jquery/no-proxy": 2,
"jquery/no-serialize": 2,
"jquery/no-show": 2,
"jquery/no-sizzle": 2,
"jquery/no-slide": 2,
"jquery/no-text": 2,
"jquery/no-toggle": 2,
"jquery/no-trigger": 2,
"jquery/no-trim": 2,
"jquery/no-val": 2,
"jquery/no-wrap": 2,
"dollar-sign/dollar-sign": [
2,
"ignoreProperties"
]
}

you can see that I have added two plugins: eslint-plugin-dollar-sign and eslint-plugin-jquery.

why does not work this rule ?

"dollar-sign/dollar-sign": [ 2, "ignoreProperties" ]

85870 次浏览
小开
最佳答案

你失踪了

"env": {
"browser": true,
"commonjs": true,
"es6": true,
"jquery": true
},

如果没有启用 jquery环境，则不将 $声明为全局。由于这个原因，您将得到一个 no-undef错误，表示您正在使用尚未声明的变量。

小开

Https://eslint.org/docs/user-guide/configuring#specifying-environments

您可以在 JavaScript 文件中使用注释指定环境，使用以下格式:

在 JavaScript 文件的开头添加以下一行作为注释。

    /* eslint-env jquery */

Eslinter 将停止在“ $”上抛出未定义的内容，因为它将知道您正在使用 jQuery。

小开

您还可以将这一行添加到 js 文件的顶部:

/* global $ */

防止对“ $”或其他类似“ varName”的全局变量发出警告:

/* global varName */
小开

在 .eslintrc.js

加

{
"globals": {
"$": true
}
}

参见 https://eslint.org/docs/user-guide/configuring#specifying-globals

小开

“ env”: { .... “ jquery”: 真 },

真的很有帮助。


提交答案