类型一、Expected '===' and instead saw '=='

类型二、Use '!==' to compare with null

类型三、'*' was used before it was defined

类型四、 '*' is defined but never used

类型五、Unexpected negated condition

类型六、 '*' is not defined

类型七、Unexpected mix of '/' and '-'

类型八、Unexpected string concatenation of literals

类型九、Expected '===' and instead saw '=='

类型十、'*' is already declared in the upper scope

类型十一、This line has a length of *. Maximum allowed is 120

类型十二、Function declared in a loop contains unsafe references to variable(s)

最近为了规范化代码风格，项目组内启用了VSCode插件eslint，了解eslint的同学都知道，它是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，给出一些代码规范建议，其目的是为了保证代码的一致性和避免一些可能出现的错误。 都有

类型一、Expected '===' and instead saw '=='

提示警告的波浪线如下图所示：

报错的意思是应该使用“===”代替“==”，具体警告信息：

"resource": "/g:/project/*/main.js", "owner": "eslint", "code": { "value": "eqeqeq", "target": { "$mid": 1, "external": "https://eslint.org/docs/rules/eqeqeq", "path": "/docs/rules/eqeqeq", "scheme": "https", "authority": "eslint.org" "severity": 8, "message": "Expected '===' and instead saw '=='.", "source": "eslint", "startLineNumber": 783, "startColumn": 27, "endLineNumber": 783, "endColumn": 29

其中，指明了警告的位置，包括行号，列号，范围等信息。修改后如下图所示，警告波浪线消失：

类型二、Use '!==' to compare with null

提示警告的波浪线如下图所示：

警告的意思是应该使用“!==”去和null做判断，修改后如下图所示，警告波浪线消失：

类型三、'*' was used before it was defined

实例：'mainWindow' was used before it was defined.

提示警告的波浪线如下图所示：

警告的意思是应该某个对象在它正式定义之前就被违规使用了，具体警告信息：

"resource": "/g:/project/*/main.js", "owner": "eslint", "code": { "value": "no-use-before-define", "target": { "$mid": 1, "external": "https://eslint.org/docs/rules/no-use-before-define", "path": "/docs/rules/no-use-before-define", "scheme": "https", "authority": "eslint.org" "severity": 8, "message": "'mainWindow' was used before it was defined.", "source": "eslint", "startLineNumber": 204, "startColumn": 9, "endLineNumber": 204, "endColumn": 19

解决方法是调整代码顺序，修改后如下图所示，警告的波浪线消失：

类型四、 '*' is defined but never used

提示警告的波浪线如下图所示：

警告的意思是某些对象被定义了，但是没有被使用到。解决方式是去掉没有必要的声明对象 ，修改后如下图所示，警告的波浪线消失：

类型五、Unexpected negated condition

提示警告的波浪线如下图所示：

警告的意思是不正常的判断形式，mPenOpen可以直接作为一个判断条件，而不用多此一举加个“!”非运算符， 修改后如下图所示，警告的波浪线消失：

类型六、 '*' is not defined

提示警告的波浪线如下图所示：

警告的意思是某些对象没有定义就被使用了，解决方式是正式声明这些对象， 修改后如下图所示，警告的波浪线消失：

类型七、Unexpected mix of '/' and '-'

提示警告的波浪线如下图所示：

警告的意思是不用运算符混合使用了，解决方法是使用小括号明确运算过程的优先级。修改后如下图所示，警告的波浪线消失：

类型八、Unexpected string concatenation of literals

提示警告的波浪线如下图所示：

警告的意思是异常的字符串连接方式，修改后如下图所示，警告的波浪线消失：

类型九、Expected '===' and instead saw '=='

提示警告的波浪线如下图所示：

警告的意思是建议使用“===”代替“==”，修改后如下图所示，警告的波浪线消失：

类型十、'*' is already declared in the upper scope

提示警告的波浪线如下图所示：

警告的意思是该变量名之前被定义了，此处属于重复定义，修改后如下图所示，警告的波浪线消失：

类型十一、This line has a length of *. Maximum allowed is 120

提示警告的波浪线如下图所示：

警告的意思是某行代码长度超过了最大值限制，具体内容如下所示：

"resource": "/g:/project/*/main.js", "owner": "eslint", "code": { "value": "max-len", "target": { "$mid": 1, "external": "https://eslint.org/docs/rules/max-len", "path": "/docs/rules/max-len", "scheme": "https", "authority": "eslint.org" "severity": 8, "message": "This line has a length of 402. Maximum allowed is 120.", "source": "eslint", "startLineNumber": 98, "startColumn": 1, "endLineNumber": 98, "endColumn": 1

解决方式有两种，方法一是明确允许该行代码超出最大长度限制，如下图所示：

方法二是折行处理这段代码，同时使用eslint-disable-next-line no-multi-str声明，具体如下图所示：

类型十二、Function declared in a loop contains unsafe references to variable(s)

警告⚠️：Function declared in a loop contains unsafe references to variable(s) 'count'.

提示警告的波浪线如下图所示：

解决方式使用eslint-disable-next-line no-loop-func明确声明知道这样的操作行为，修改后如下图所示，警告的波浪线消失：

Vue "vue": "2.6.10", Eslint : " eslint ": "6.7.2", eslint -plugin-vue : " eslint -plugin-vue": "6.2.2", 问题 描述： <el-table :data="..." When I started to learn JavaScript about eight years ago, a bizarre situation for me was the existence of both undefined and null that represent empty v http:// eslint .cn/docs/rules/ 项目中遇到warning的解决 $ xxx is defined but never used no-unused-vars 禁止出现未使用过的变量删除 $ Expected '===' and instead saw '==' eqeq... vue报错 Do not use built-in or reserved HTML elements as component id:header 组件，不能和html标签重复 header组件，h5新标签重复 由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况： 完全不合法的标签名，例如 </>； 与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome