npm Eslint 报错

❤ npm Eslint 报错

npm init --yes初始化项目
○ 安装ESLint模块
npm add eslint --dev，node-modules/.bin目录生成eslint的cli程序
○ 查看eslint的版本
使用npm eslint --version
○ 使用yarn eslint ./index.js
当代码中出现语法错误时，eslint无法检查问题代码和代码风格
使用命令yarn eslint .\index.js --fix，自动修正风格代码

原因：本地的npm版本太高

• 解决方法：删除掉package.json配置 [×]

// “eslint”: “7.15.0”,
// “eslint-plugin-vue”: “7.2.0”,
// 7.15.0 5.15.3
//7.2.0 5.2.2

• 解决办法：–force[√]

–force 会无视冲突，并强制获取远端npm库资源，即使本地有资源也会覆盖掉

• 解决办法：对npm进行降级

–legacy-peer-deps：安装时忽略所有peerDependencies，忽视依赖冲突，采用npm版本4到版本6的样式去安装依赖，已有的依赖不会覆盖

对npm进行降级 –legacy-peer-deps 暗装

npx -p npm@6 npm i --legacy-peer-deps 命令详情：
用于绕过peerDependency里依赖的自动安装；它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题，以npm v4-v6的方式去继续执行安装操作（默认使用npm 4-6版本的安装模式，安装过程中会跳过对等依赖项）

注意：
运行完后会生成一个 package-lock.json 的文件，该文件主要作用就是锁定安装包的版本号，以确保项目其他成员在npm install时大家的依赖一致。
操作完以上步骤重新npm i 就能安装成功了
备注：
在NPM v7中，现在默认安装peerDependencies。
在很多情况下，这会导致版本冲突，从而中断安装过程。
–legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。

• 解决办法：关闭 eslint 功能[×]

vue.config.js（vue 项目的配置文件）

npm install --save