1.ESLint: 'xx' is assigned a value but never used.(no-unused-vars)
解决办法:
{
"rules":{
"no-unused-vars":0
}
}
2.vue eslint 报错 Identifier XXX is not in camel case
解决办法:
手动改成驼峰命名法或者
{
"rules":{
“camelcase”: [1, {“properties”: “never”}],
}
}
3.error Unnecessary escape character: - no-useless-escape
解决方法:
正则表达式去掉 / 转义字符即可
4.(ESLint)Expected '===' and instead saw '=='
解决方法:
将 == 换成 ===即可,或者
{
"rules":{
'eqeqeq':['off'],
}
}
5.Elements in iteration expect to have 'v-bind:key' directives问题
这个一般出现在元素标签中,
解决思路从属性 没有写全考虑,往往都是这个原因
例如,div标签中,使用了v-for属性,就必须出现 :key="item"标签
其他错误参考:
项目中遇到warning的解决
-
$
xxx is defined but never used no-unused-vars
- 禁止出现未使用过的变量
删除
- 禁止出现未使用过的变量
-
$
Expected '===' and instead saw '==' eqeqeq
- 要求使用 === 和 !==
==变===
- 要求使用 === 和 !==
-
$
img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text
- img标签添加
alt=""
属性
- img标签添加
-
$
Expected a default case default-case
- switch 添加
default:break
;
- switch 添加
-
$
Expected a conditional expression and instead saw an assignment no-cond-assign
- 禁止在条件语句中出现赋值操作符
if判断里=边===
- 禁止在条件语句中出现赋值操作符
-
$
Script URL is a form of eval no-script-url
- 禁用 Script URL 使用
href="###" e.preventDefault();
阻止
- 禁用 Script URL 使用
-
$
Expected to return a value in arrow function array-callback-return
- 强制数组方法的回调函数中有 return 语句 添加
return true
;
- 强制数组方法的回调函数中有 return 语句 添加
-
$
Useless constructor no-useless-constructor
- 禁用不必要的构造函数 删除
constructor
函数;
- 禁用不必要的构造函数 删除
-
$
Unexpected mix of '&&' and '||' no-mixed-operators
- 禁止混合使用不同的操作符 &&的优先级大于|| 例如:type && type.flag || false改为
(type && type.flag) || false
;
- 禁止混合使用不同的操作符 &&的优先级大于|| 例如:type && type.flag || false改为
-
$
Unreachable code no-unreachable
- 禁止在return、throw、continue 和 break 语句之后出现不可达代码
删除
;
- 禁止在return、throw、continue 和 break 语句之后出现不可达代码
-
$
Unexpected string concatenation of literals no-useless-concat
- 禁止不必要的字符串字面量或模板字面量的连接 详见:http://eslint.cn/docs/rules/no-useless-concat;
-
$
'ws' is already defined no-redeclare
- 禁止多次声明同一变量
去掉var
;
- 禁止多次声明同一变量
-
$
Style prop value must be an object react/style-prop-object
- React框架的JSX编码格式要求,style必须是一个对象 详见:https://blog.csdn.net/sinat_17775997/article/details/66967829
-
$
Missing radix parameter radix
- 强制在parseInt()使用基数参数 详见:https://blog.csdn.net/katecatecake/article/details/78817019
-
$
Do not mutate state directly. Use setState() react/no-direct-mutation-state
- React中不能直接更改state的值
进行拷贝,然后赋值
- React中不能直接更改state的值
-
$
The array literal notation [] is preferrable no-array-constructor
- 禁用 Array 构造函数 例如:let clickX = new Array();改
let clickX = []
;
- 禁用 Array 构造函数 例如:let clickX = new Array();改
-
$
No duplicate props allowed react/jsx-no-duplicate-props
- 禁止重复定义
删除一个
;
- 禁止重复定义
-
$
The element img has an implicit role of presentation. Defining this explicitly is redundant and should be avoided jsx-a11y/no-redundant-roles
-
删除role="presentation"属性
;
-
-
$
Block is redundant no-lone-blocks
- 禁用不必要的嵌套块
删除注释
;
- 禁用不必要的嵌套块
-
$
Block is redundant no-lone-blocks
- 禁用不必要的嵌套块
删除break
;
- 禁用不必要的嵌套块
-
$
Unexpected use of comma operator no-sequences
- 禁用逗号操作符
,号变;
;
- 禁用逗号操作符
-
$
iframe elements must have a unique title property jsx-a11y/iframe-has-title
-
添加title="navigation"
;
-
-
$
Unnecessary escape character: \. no-useless-escape
- 禁用不必要的转义字符;
-
$
Duplicate key 'uploadType' no-dupe-keys
- 禁止对象字面量中出现重复的 key;