🐛[BUG] @ant-design/pro-field[2.14.6] 导致使用antd 4.x 版本的项目无法正常运行

feverdestiny commented 4 months ago

🐛 bug 描述

项目package.json 依赖@ant-design/pro-components@ 2.4.4 和 antd@4.24.15 版本。重新安装依赖提示

10:26:55 AM [vite] hmr update /src/App.tsx
✘ [ERROR] No matching export in "node_modules/.pnpm/antd@4.24.15_react-dom@18.2.0_react@18.2.0/node_modules/antd/es/index.js" for import "ColorPicker"

    node_modules/.pnpm/@ant-design+pro-field@2.14.6_antd@4.24.15_react-dom@18.2.0_react@18.2.0/node_modules/@ant-design/pro-field/es/components/ColorPicker/index.js:4:9:
      4 │ import { ColorPicker as ColorPickerV5, ConfigProvider, version } fr...
        ╵          ~~~~~~~~~~~

10:27:01 AM [vite] error while updating dependencies:
Error: Build failed with 1 error:
node_modules/.pnpm/@ant-design+pro-field@2.14.6_antd@4.24.15_react-dom@18.2.0_react@18.2.0/node_modules/@ant-design/pro-field/es/components/ColorPicker/index.js:4:9: ERROR: No matching export in "node_modules/.pnpm/antd@4.24.15_react-dom@18.2.0_react@18.2.0/node_modules/antd/es/index.js" for import "ColorPicker"
    at failureErrorWithLog (/workspaces/sandbox/node_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild/lib/main.js:1651:15)
    at /workspaces/sandbox/node_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild/lib/main.js:1059:25
    at /workspaces/sandbox/node_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild/lib/main.js:1527:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

排查了包依赖关系 @ant-design/pro-components 中依赖的@ant-design/pro-field 的包版本为^2.5.2,^2.5.2最终实际安装版本为2.14.6。

"dependencies": {
    "@ant-design/pro-card": "^2.3.2",
    "@ant-design/pro-descriptions": "^2.2.3",
    "@ant-design/pro-field": "^2.5.2",
    ...

再次排查了之前安装的@ant-design/pro-field的包版本是2.14.2,这个版本是正常的。现在@ant-design/pro-field默认安装的的包版本是2.14.6 对比@ant-design/pro-field的2.14.2 和2.14.6 两个版本报错的ColorPicker/index.js 文件代码，发现2.14.6版本下代码

node_modules/@ant-design/pro-field/es/components/ColorPicker/index.js:4:9

import { ColorPicker as ColorPickerV5, ConfigProvider, version } from 'antd';

在antd@4.24.15版本下无ColorPicker 导出。pro-components 中ProTable等组件依赖了ColorPicker 组件导致启动报错。希望修复。现在项目无法部署上线

📷 复现步骤

复线DEMO：https://codesandbox.io/p/devbox/pro-components-version-demo-f8dx9h 附录package.json依赖

  "dependencies": {
    "@ant-design/pro-components": "2.4.4",
    "antd": "^4.23.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },

🏞 期望结果

项目package.json 依赖@ant-design/pro-components@ 2.4.4 和 antd@4.24.15 版本 ,使用ProTable 能正常启动项目

💻 复现代码

复线DEMO：https://codesandbox.io/p/devbox/pro-components-version-demo-f8dx9h 附录package.json依赖

  "dependencies": {
    "@ant-design/pro-components": "2.4.4",
    "antd": "^4.23.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },

© 版本信息

ProComponents 版本: [2.4.4]
umi 版本
浏览器环境
开发环境 [mac]

🚑 其他信息

fancysh commented 3 months ago

我也遇到了同样的问题，错误提示表现为："export 'ColorPicker' (imported as 'ColorPickerV5') was not found in 'antd'"，看了下是pro-field依赖的antd版本需要5.x，但安装的是4.x，希望可以解决下

feverdestiny commented 3 months ago

附录我的解决方案之前使用的版本是

  "@ant-design/pro-components": "2.4.4",

升级到2.6.42版本可用。

  "@ant-design/pro-components": "2.6.42",

再高的版本也会报错不可用希望对后来者用

ant-design / pro-components