reactjs - 尝试导入错误:“fade”未从“@material-ui/core/styles”导出
问题描述
尝试了我在互联网上找到的所有可能的解决方案。我使用yarn升级了所有依赖项和包 - 下面来自package.json
"dependencies": {
"@date-io/date-fns": "^1.3.13",
"@date-io/moment": "^1.3.13",
"@material-ui/core": "^5.0.0-beta.2",
"@material-ui/icons": "^5.0.0-beta.1",
"@material-ui/lab": "^5.0.0-alpha.41",
"@material-ui/pickers": "^4.0.0-alpha.12",
"@material-ui/styles": "^5.0.0-beta.2",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"axios": "^0.21.1",
"date-fns": "^2.22.1",
"moment": "^2.29.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
}
在升级软件包之前,我使用了:
import {
MuiPickersUtilsProvider,
KeyboardDatePicker,
} from '@material-ui/pickers';
之后我导入了这些:
import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
并尝试以下代码:
<LocalizationProvider dateAdapter={AdapterDateFns}>
<Grid container justifyContent="space-around">
<DatePicker
disableToolbar
variant="inline"
format="DD/MM/yyyy"
margin="normal"
label="Date"
name="date"
value={values.date}
onChange={(date) => handleInputChange(convertToDefault(date))}
/>
</Grid>
</LocalizationProvider>
你能帮我吗?这很麻烦:/
解决方案
使用这个版本对我来说很好...yarn add @material-ui/core@4.11.4 @material-ui/pickers
"@material-ui/core": "4.11.4",
"@material-ui/pickers": "^3.3.10",
推荐阅读
- javascript - 使用 axios 实现 API 和 Interface 之间的通信
- r - cat 消息延迟到计算结束
- xml - VB.net 并行读取大型 XML 文件
- sql - 如何在 SQL 中使用正则表达式,它只会找到一行
- c++ - 如何在c ++中独立获取每个积分的值?
- c# - 类属性可以是 T 还是 IEnumerable
? - flutter - 如何在不使用futurebuilder的情况下处理加载和完成
- javascript - 在关闭页面之前,Beforeunload 需要与网页进行一些交互
- python - 显示方程式结果的Tkinter动态标签?
- android - 适用于 API < 23 的 Android 密钥生成器