使用Heroku部署Vue CLI应用时遭遇eslint-plugin-vue@7.20.0依赖冲突

针对你遇到的eslint-plugin-vue@7.20.0与@vue/eslint-config-standard@6.1.0的对等依赖冲突，以下是几种可行的解决办法：

方法一：明确安装符合要求的依赖版本并清理缓存 #

1. 卸载当前的eslint-plugin-vue：

   npm uninstall eslint-plugin-vue
   

2. 安装符合@vue/eslint-config-standard@6.1.0要求的版本范围（^7.0.0）：

   npm install eslint-plugin-vue@^7.0.0 --save-dev
   

3. 清理npm缓存以避免旧依赖干扰：

   npm cache clean --force
   

4. 重新安装所有依赖：

   npm install --legacy-peer-deps
   

方法二：升级ESLint配置包以兼容最新依赖 #

如果允许升级配置包，可以更新到兼容更高版本eslint-plugin-vue的@vue/eslint-config-standard：

1. 卸载旧的配置包：

   npm uninstall @vue/eslint-config-standard
   

2. 安装最新版本的配置包及对应eslint-plugin-vue：

   npm install @vue/eslint-config-standard@latest eslint-plugin-vue@latest --save-dev
   

3. 重新安装所有依赖：

   npm install
   

方法三：强制Heroku构建时使用legacy peer deps配置 #

若之前的--legacy-peer-deps命令在Heroku构建中未生效，可通过以下方式配置：

• 在项目根目录创建.npmrc文件，添加：

  legacy-peer-deps=true
  

• 或者修改package.json中的build脚本，确保构建时加载兼容配置：

  "scripts": {
    "build": "npm install --legacy-peer-deps && vue-cli-service build"
  }
  

方法四：排查冲突来源 #

运行以下命令查看所有依赖对eslint-plugin-vue的版本要求，定位冲突的具体来源后针对性处理：

npm ls eslint-plugin-vue

内容的提问来源于stack exchange，提问作者mushvamp