eslint 之 代码正确但是eslint检查报错问题

问题:

出现了<compont :is="componentId">提示缺少v-bind:is的问题, 查阅官方文档明明是正确的代码片段

场景:

根据腾讯团队的alloy-team-eslint文档安装:

npm install --save-dev eslint-config-alloy eslint-plugin-vue babel-eslint  (这是官方给的,但是是错误的, 缺少了两个包, 下面会解释)

然后我配置完成之后, 我的eslint正常, 可是团队的eslint正确的代码也出现报错. 随后检查package.json是一样的

过程:

1. 查到我的全局有eslint包, 团队成员的没有, 锁定package-lock.json文件, 这个文件一般都被.gitignore掉了, 所以导致团队的包之间的版本关联号不一致. 而我的全局有eslint, 所以npm的时候package-lock.json锁定了eslint版本号, 这时候删掉全局的eslint, 重新安装node_modules也是一样的.

当把全局eslint删除了, 也把package-lock.json文件删除了重新安装包, 就出现了正确的代码也报错问题

2. 随后查阅了node_modules里面的eslint-config-alloy的中文文档, 里面提示是要安装如下五个包, 而在线文档只有三个包, 所以导致了全局没有eslint的错误问题

解决办法:

删掉node_modules, 执行如下命令

npm install --save-dev eslint babel-eslint vue-eslint-parser eslint-plugin-vue eslint-config-alloy