安装Ant Design Charts报错'__spreadArray'未从'tslib'导出如何解决

这个报错核心是版本不匹配导致的：Ant Design Charts依赖的@antv/algorithm包使用了较高版本的TypeScript编译，生成的代码调用了tslib 2.1.0版本之后才新增的__spreadArray辅助方法。你本地项目中存在低版本tslib，或者npm/yarn的依赖解析机制优先加载了嵌套依赖中的低版本tslib，就会出现导出不存在的错误。

你之前执行的单独安装tslib、更新其他依赖的操作没有生效，是因为这些操作只会修改项目根依赖的版本，没有覆盖所有嵌套子依赖引用的tslib版本。

按优先级依次尝试以下方法即可：

• 第一步：清理本地缓存与依赖文件
  先删除项目下的依赖文件夹和版本锁文件，避免旧版本缓存影响：

  # Mac/Linux
  rm -rf node_modules package-lock.json yarn.lock
  # Windows
  rd /s /q node_modules
  del package-lock.json yarn.lock
  

• 第二步：强制统一所有依赖的tslib版本
  在项目的package.json文件中添加配置，强制所有子依赖使用高版本tslib：
  如果你使用npm（版本>=8.3.0），添加overrides字段：

  {
    "name": "your-project",
    // 其他原有配置
    "overrides": {
      "tslib": "^2.4.0"
    }
  }
  

  如果你使用yarn，添加resolutions字段：

  {
    "name": "your-project",
    // 其他原有配置
    "resolutions": {
      "tslib": "^2.4.0"
    }
  }
  

• 第三步：重新安装依赖
  执行安装命令即可：

  npm install
  # 或用yarn
  yarn install
  

如果以上操作仍然无效，说明你的打包工具存在别名优先级问题，可以在webpack/vite/craco的打包配置中添加tslib的别名，强制指向根目录下安装的高版本tslib，示例配置如下：

// 以craco配置为例
const path = require('path')
module.exports = {
  webpack: {
    alias: {
      'tslib': path.resolve(__dirname, 'node_modules/tslib')
    }
  }
}

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