ant-design / ant-design/compatible

ant3升级至ant4。启动项目提示@ant-design/icons/es/icons/createFromIconfontCN in ./node_modules/@ant-design/compatible/es/icon/index.js,

Open
#167 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
93
Forks
29
PR merge metrics
No merged PRs in 30d

Description

控制台提示:
`* @ant-design/icons/es/icons/createFromIconfontCN in ./node_modules/@ant-design/compatible/es/icon/index.js, ./node_modules/@ant-design/pro-layout/es/SiderMenu/BaseMenu.js
* @ant-design/icons/es/icons/getTwoToneColor in ./node_modules/@ant-design/compatible/es/icon/index.js
* @ant-design/icons/es/icons/setTwoToneColor in ./node_modules/@ant-design/compatible/es/icon/index.js

To install them, you can run: npm install --save @ant-design/icons/es/icons/createFromIconfontCN @ant-design/icons/es/icons/getTwoToneColor @ant-design/icons/es/icons/setTwoToneColor

ERROR in ./node_modules/@ant-design/compatible/es/icon/index.js
Module not found: Error: Can't resolve '@ant-design/icons/es/icons/createFromIconfontCN' in 'F:\EvMars\node_modules\@ant-design\compatible\es\icon'
@ ./node_modules/@ant-design/compatible/es/icon/index.js 3:0-84 100:28-49
@ ./node_modules/@ant-design/compatible/es/index.js
@ ./src/pages/system/config/index.tsx
@ ./src/.umi/core/routes.ts
@ ./src/.umi/umi.ts
@ multi ./src/.umi/umi.ts`

package.json的dependencies

`"dependencies": {
"@ant-design/compatible": "^1.1.2",
"@ant-design/icons": "^5.1.4",
"@ant-design/pro-layout": "^4.11.4",
"@ant-design/pro-table": "^1.2.6",
"@antv/data-set": "^0.11.7",
"@dabeng/react-orgchart": "^1.0.0",
"@formily/antd": "^1.3.3",
"@formily/antd-components": "^1.3.3",
"@loadable/component": "^5.13.2",
"@types/loadable__component": "^5.13.1",
"@types/pubsub-js": "^1.8.1",
"@types/react-copy-to-clipboard": "^4.3.0",
"@types/react-grid-layout": "^0.17.2",
"@types/retry": "^0.12.0",
"@umijs/preset-react": "^2.1.7",
"ace-builds": "^1.4.12",
"ahooks": "^2.6.1",
"antd": "^4.0.0",
"babel-plugin-lodash": "^3.3.4",
"bizcharts": "^3.5.9",
"bizcharts-plugin-slider": "^2.1.1-beta.1",
"braft-editor": "^2.3.8",
"classnames": "^2.2.6",
"event-source-polyfill": "^1.0.20",
"export-from-json": "^1.3.4",
"form-render": "^0.8.7",
"gg-editor": "^2.0.4",
"js-base64": "^3.7.5",
"lodash": "^4.17.20",
"lodash-decorators": "^6.0.1",
"lodash-webpack-plugin": "^0.11.6",
"moment": "^2.29.0",
"monaco-ace-tokenizer": "^0.2.1",
"monaco-editor": "^0.23.0",
"monaco-editor-webpack-plugin": "^3.0.1",
"numeral": "^2.0.6",
"ol": "^6.5.0",
"omit.js": "^1.0.2",
"path-to-regexp": "2.4.0",
"pubsub-js": "^1.9.0",
"purched-antd-icons": "^0.2.2",
"qs": "^6.9.4",
"re-resizable": "^6.6.1",
"react": "^16.13.1",
"react-ace": "^9.1.4",
"react-amap": "^1.2.8",
"react-copy-to-clipboard": "^5.0.2",
"react-dom": "^16.13.1",
"react-fittext": "^1.0.0",
"react-grid-layout": "^0.18.3",
"react-helmet": "^5.2.1",
"react-helmet-async": "^1.0.7",
"react-markdown": "^6.0.0",
"react-monaco-editor": "^0.32.1",
"react-photo-view": "^1.2.4",
"react-quill": "^2.0.0",
"react-resizable": "^1.11.0",
"react-rnd": "^10.2.3",
"react-sortable-pane": "^1.1.0",
"react-use-websocket": "^2.1.1",
"redux": "^4.0.1",
"retry": "^0.12.0",
"rxjs": "^6.6.3",
"styled-components": "^6.1.14",
"tree-tool": "^1.1.8",
"umi": "^3.5.43",
"umi-request": "^1.3.5",
"video.js": "^7.8.4",
"videojs-flash": "^2.2.1"
},`请问这是什么原因 @fengmk2 @BANG88 @yesmeck @afc163

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with package.json and reproduce the build entry from src/pages/system/config/index.tsx, following the imports through @ant-design/compatible/es/icon/index.js. Check how the listed @ant-design/icons paths relate to the installed versions, then verify the project starts without the module-not-found errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript, webpack
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.