运行2019年老项目遇ESLint依赖错误，如何解决？

针对2019年的Nuxt项目遇到的ESLint阻塞启动、依赖冲突问题，可按以下步骤处理：

1. 降级ESLint相关依赖到兼容版本 #

旧项目的依赖生态和当前npm版本不兼容，直接升级容易引发冲突，建议锁定适配2019年技术栈的ESLint版本：

• 修改package.json中的ESLint相关依赖为以下版本（适配Vue 2 + Nuxt旧版本）：

  "eslint": "^6.8.0",
  "eslint-plugin-vue": "^5.2.3",
  "@nuxtjs/eslint-module": "^1.2.0"
  

• 执行安装命令：

  rm -rf node_modules .nuxt package-lock.json
  npm install --legacy-peer-deps
  

2. 修复ESLint配置规则 #

根据报错提示，调整项目根目录的.eslintrc.js（或.eslintrc.json）配置：

• 移除报错中提示的“未定义规则”，比如若报错no-undef或某个vue前缀规则不存在，直接从rules对象中删除该规则；
• 适配旧版eslint-plugin-vue的规则命名，比如旧版规则多为vue/no-unused-vars，而非新版的vue/no-unused-vars-vue。

3. 临时关闭ESLint构建报错拦截 #

若暂时无法修复所有规则，可先让项目启动，再逐步优化：
修改nuxt.config.js中的ESLint模块配置，将错误转为警告，不阻塞构建：

modules: [
  ['@nuxtjs/eslint-module', {
    emitError: false,
    emitWarning: true,
    failOnError: false
  }]
]

4. 排查移除ESLint后的请求错误 #

移除ESLint后出现页面请求问题，大概率是原项目中存在语法错误（之前被ESLint拦截未暴露），导致请求逻辑执行失败：

• 检查页面的asyncData、fetch方法，或api请求工具中的语法问题（比如变量未定义、箭头函数语法错误）；
• 打开浏览器控制台查看网络请求的具体报错信息，定位请求失败的接口和代码位置。

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