Vue 2.2.3项目构建失败：4个TypeScript相关错误求助

问题根源 #

报错里的[v: --${string}]是TypeScript 4.1才引入的模板字面量类型语法，你的本地TypeScript版本低于4.1，无法解析该语法导致构建失败。生产服务器能正常构建，大概率是那边的TS版本更高，或是依赖安装时锁定了兼容的csstype/Vue类型定义版本。

解决方案 #

1. 检查并升级TypeScript版本 #

• 查看本地TS版本：

  tsc -v
  

• 若版本低于4.1，升级到适配Vue 2.2.3和Vuetify的兼容版本（推荐4.1.x~4.9.x区间）：

  npm install typescript@~4.5.0 --save-dev
  # Yarn用户执行：
  yarn add typescript@~4.5.0 --dev
  

2. 锁定csstype版本（升级TS有冲突时用） #

如果升级TS后和现有依赖（如Vuetify）冲突，可锁定csstype到不使用新TS语法的旧版本：

• 在package.json中添加配置：
  • npm用户添加overrides：

    "overrides": {
      "csstype": "^3.0.8"
    }
    

  • Yarn用户添加resolutions：

    "resolutions": {
      "csstype": "^3.0.8"
    }
    

• 重新安装依赖：

  npm install
  # Yarn用户执行：
  yarn install
  

3. 临时跳过库类型检查（不推荐长期使用） #

如果以上方法暂时无法实施，可在tsconfig.json中开启skipLibCheck，跳过对node_modules中类型文件的检查：

{
  "compilerOptions": {
    // ...其他配置
    "skipLibCheck": true
  }
}

4. 对齐生产环境依赖版本 #

对比本地和生产服务器的package-lock.json（或yarn.lock），将TypeScript、csstype、@vue/types等依赖的版本调整为和生产一致，再重新安装依赖。

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