拆分Vue CLI 2项目后GitLab CI/CD出现ESLint配置问题求助

核心原因 #

仓库拆分后，CI/CD的ESLint扫描范围意外覆盖了共享资源文件夹——原单仓库时该文件夹不在ESLint检查范围内，且自动生成的ESLint配置和Vue CLI 2配套的旧版ESLint不兼容。

方案1：直接排除共享文件夹的ESLint检查（推荐） #

如果共享资源不需要ESLint校验，最直接的解决方式是让ESLint忽略它：

1. 在主Vue项目的.eslintignore文件中添加共享文件夹路径：

   ../your-shared-folder/
   

2. 同时检查CI脚本中的lint命令，确保只在主项目目录执行：

   cd vue-main-project && npm run lint
   

方案2：修复共享文件夹的ESLint配置（如需校验） #

如果必须对共享文件夹做ESLint检查，不要用eslint --init生成配置（它适配新版ESLint），手动创建共享文件夹的.eslintrc.js，注意ecmaVersion必须是数字类型：

module.exports = {
  env: {
    browser: true,
    es2015: true
  },
  parserOptions: {
    ecmaVersion: 2015, // 这里必须写数字，不能加引号
    sourceType: 'module'
  },
  extends: 'eslint:recommended'
}

Vue CLI 2配套的ESLint版本多为4.x或5.x，这类旧版本不支持字符串格式的ecmaVersion，必须用数字值。

额外排查项 #

• 确认CI环境的ESLint版本和本地开发环境一致，版本差异会导致配置兼容问题
• 检查主项目的ESLint配置，确保root: true已设置（避免ESLint向上遍历寻找配置文件）

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