Es-lint语法严格,很多时候,在Vue中本身不应该是错的写法,在es-lint下会保证代码的严谨性友好的给一个error错误,如v-for的:key等.
解决方法:
在package.json中对eslintConfig进行配置,即修改或新增rules值(这个是webpack中设置,只是vue-cli集成了webpack)
配置实例如下:(看rules中即可)
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {
"no-unused-vars": 1
,"eslint-disable-next-line":1
}
},
the following: 0 = off, 1 = warn, 2 = error
里面的1代表开启警告,0关闭(即不报错也不警告),2就是报错
--20220420-更新:突然设置好的rules,Vue再编译运行时报:Definition for rule 'eslint-disable-next-line' was not found
好好的突然不起作用了,百思不得其解,最后看到一篇bolg说需要设置一下vue.config.js
在这个配置中,新增一个:
lintOnSave: false,
突然就起作用了.不解,先用着吧