找不到模块：无法解析“@mui/lab/AdapterDateFns”

Question

我使用的是 Material UI Timepicker，但更新到 Material UI 5 后它不再工作了。我将所有内容更新为@next（@material-ui/core版本 5.0.0-beta.5）和@material-ui/lab（版本：5.0.0-alpha.44）。

Answer 1

如果您从 MUI 文档复制Timepicker代码，则还需要安装实验室包，其中包含要与date-fns. 请参阅此处的要求。作为参考，您可以查看现场演示中的package.json文件。

npm i @mui/lab

Answer 2

自 2022 年 10 月起，要解决此问题，请使用

npm i @mui/x-date-pickers

进一步阅读有关依赖项要求的更多信息 它目前支持 4 个不同的日期库。不强制全部安装，根据项目需求选择

date-fns 
Day.js
Luxon
Moment.js

详细说明 date-fns 就像以所需格式操作 MUI 日期选择器的结果

import { format, compareAsc } from 'date-fns'

format(new Date(2014, 1, 11), 'MM/dd/yyyy')
//=> '02/11/2014'

const dates = [
  new Date(1995, 6, 2),
  new Date(1987, 1, 11),
  new Date(1989, 6, 10),
]
dates.sort(compareAsc)
//=> [
//   Wed Feb 11 1987 00:00:00,
//   Mon Jul 10 1989 00:00:00,
//   Sun Jul 02 1995 00:00:00
// ]