![](/img/trans.png)
[英]Attempted import error: 'useThemeVariants' is not exported from '@material-ui/styles'
[英]Attempted import error: 'fade' is not exported from '@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",
- import { fade } from '@material-ui/core/styles';
+ import { alpha } from '@material-ui/core/styles';
const classes = makeStyles(theme => ({
- backgroundColor: fade(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+ backgroundColor: alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
}));
嗨,我認為它不再是 @material-ui/pickers 的一部分。 您可以查看此https://github.com/mui-org/material-ui-pickers/issues/2157
對我來說,這些版本可以正常工作。 使用完全相同的版本,稍后感謝我。 如果它不允許您安裝,請使用 --force 標志。
"@material-ui/core": "^4.11.4",
"@material-ui/pickers": "^3.3.10",
您不能再使用 material-ui 中的“淡入淡出”,因為它已被棄用。 您可以改用“alpha”。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.