升级@vue/cli-service至5.0.8后GitLab流水线构建失败求助

1. 修复[eslint] ESLint is not a constructor错误 #

• Vue CLI 5.x依赖ESLint 8.x版本，旧项目可能残留低版本ESLint或不兼容插件，CI环境重新安装依赖时触发版本冲突（本地缓存未暴露该问题）。
  • 删除根目录package-lock.json（或yarn.lock）、node_modules，本地重新安装依赖后提交锁文件，确保CI与本地依赖版本完全一致。
  • 检查package.json中ESLint相关依赖：确保eslint为8.x版本，eslint-plugin-vue用^8.0.0（适配Vue2+ESLint8），@vue/cli-plugin-eslint版本与@vue/cli-service保持一致（5.0.8）。
  • 修改ESLint配置文件的初始化代码，适配ESLint8的导出方式：
    旧写法：

    const ESLint = require('eslint');
    const linter = new ESLint(options);
    

    改为：

    const { ESLint } = require('eslint');
    const linter = new ESLint(options);
    

2. 修复axios模块导出缺失问题 #

• 多因CI环境axios版本与本地不一致，或导入写法不兼容新版本导致。
  • 在package.json中锁定axios具体版本（如"axios": "^0.27.2"，适配Vue2），避免^前缀拉取大版本更新。
  • 检查项目中axios导入代码，确保写法匹配当前版本：
    若默认导出异常，可调整为：

    import * as axios from 'axios';
    const apiInstance = axios.create({ baseURL: process.env.VUE_APP_API_URL });
    

  • 在GitLab CI脚本的before_script中添加清理步骤，避免旧依赖缓存干扰：

    rm -rf node_modules package-lock.json
    npm install
    

额外CI环境排查项 #

• 指定Node.js版本与本地一致（Vue CLI 5.0.8要求14.18+/16+），在.gitlab-ci.yml中配置：

  image: node:16-alpine
  

• 确保CI构建命令与本地完全一致，不要混用npm和yarn。

内容的提问来源于stack exchange，提问作者anas p a