Vue[eslint-rules配置]:解决Vue中 eslint 语法检测报错或报错改成警告 // eslint-disable-next-line to ignore the next line.

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,

突然就起作用了.不解,先用着吧