引入antd报错

Question

老师，引入antd报错，都是采用最新的版本。

依赖
{
“name”: “react-tourism-commerce”,
“version”: “0.1.0”,
“private”: true,
“dependencies”: {
"@ant-design/icons": “^4.7.0”,
"@testing-library/jest-dom": “^5.16.2”,
"@testing-library/react": “^12.1.3”,
"@testing-library/user-event": “^13.5.0”,
"@types/jest": “^27.4.0”,
"@types/node": “^16.11.25”,
"@types/react": “^17.0.39”,
"@types/react-dom": “^17.0.11”,
“antd”: “^4.18.7”,
“react”: “^17.0.2”,
“react-dom”: “^17.0.2”,
“react-scripts”: “5.0.0”,
“typescript”: “^4.5.5”,
“web-vitals”: “^2.1.4”
},
“scripts”: {
“start”: “react-scripts start”,
“build”: “react-scripts build”,
“test”: “react-scripts test”,
“eject”: “react-scripts eject”
},
“eslintConfig”: {
“extends”: [
“react-app”,
“react-app/jest”
]
},
“browserslist”: {
“production”: [
">0.2%",
“not dead”,
“not op_mini all”
],
“development”: [
“last 1 chrome version”,
“last 1 firefox version”,
“last 1 safari version”
]
},
“devDependencies”: {
“typescript-plugin-css-modules”: “^3.4.0”
}
}

后续： 我更换其它版本的antd，包括老师使用的版本也报错。

Answer 1

阿莱克斯刘 2022-03-01 16:16:59

试一下把package.lock文件删掉，也删掉node_modules文件夹，然后重新npm install一下。如果还是不行可以直接拉课程代码试试看，如果还是不行，那十有八九是你电脑里有错误版本的cache。可以尝试一下清理npm的缓存

• 提问者 usamihal #1

  老师，
  找到解决办法了https://github.com/ant-design/ant-design/issues/33327
  
  - import 'antd/dist/antd.css
  replace with
  + import 'antd/dist/antd.min.css

• 慕斯卡1758218 回复 提问者 usamihal #2

  赞👍