使用此依赖项列表的材料ui/lab中的Loading Button mui,我会遇到任何错误吗


``` "dependencies": {
"@emotion/react": "^11.10.4",
"@emotion/styled": "^11.10.4",
"@material-ui/core": "^5.0.0-beta.5",
"@material-ui/lab": "^5.0.0-alpha.44",
"@mui/icons-material": "^5.10.6",
"@mui/material": "^5.10.8",
"@mui/material-next": "^6.0.0-alpha.57",
"@mui/x-data-grid": "^5.17.5",
"@reduxjs/toolkit": "^1.8.5",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"joi": "^17.6.2",
"joi-browser": "^13.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.0.4",
"react-router-dom": "^6.4.1",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},```

我相信我找到了一种巧妙的方法,可以使用材料ui/lab中的加载按钮mui组件。有没有比我这里的更好的方法来下载必要的依赖项?当我使用加载按钮组件时,这会遇到任何严重的错误吗?我为@materialui使用了--legacy peer deps/lab@next.这会打碎什么吗?

从版本5开始,您应该使用npm install @mui/...,而不是用于版本4以下的npm install @material-ui/...
这样--legacy-peer-deps的问题就会得到解决
因此,对于LoadingButton的情况,可以轻松地运行npm install @mui/lab,并在您的代码中像
import { LoadingButton } from '@mui/lab';一样导入它

此npm安装提供了您从材料ui所需的一切:

npm install @mui/material @emotion/react @emotion/styled

最新更新