材料 ui 实验室日期选择器,无法解析“@material-ui/lab/AdapterDateFns”

Posted

技术标签:

【中文标题】材料 ui 实验室日期选择器,无法解析“@material-ui/lab/AdapterDateFns”【英文标题】:material ui lab date picker, Can't resolve '@material-ui/lab/AdapterDateFns' 【发布时间】:2021-05-12 17:15:08 【问题描述】:

无法解析“@material-ui/lab/AdapterDateFns”

无法解析“@material-ui/lab/DateTimePicker”

无法解析“@material-ui/lab/LocalizationProvider”

即使在安装了@material-ui/lab 之后我也会收到这些错误

【问题讨论】:

npm install @material-ui/lab 【参考方案1】:

确保您安装了日期管理库。我认为 date-fns 库将支持@material-ui/lab/AdapterDateFns

date-fns installation

我在mui documentation for React Date Picker阅读。

【讨论】:

【参考方案2】:

这对我很有效

npm install @mui/lab

【讨论】:

虽然此代码可能会回答问题,但提供有关它如何和/或为什么解决问题的额外上下文将提高​​答案的长期价值。您可以在帮助中心找到更多关于如何写好答案的信息:***.com/help/how-to-answer。祝你好运?【参考方案3】:

尝试运行npm install @material-ui/core@nextnpm install @material-ui/lab@next

这应该会将您移至第 5 版。

如果需要,删除node_modules 文件夹并运行npm install

现在,如果您查看 node_modules/@material-ui 中的 lab 文件夹,您将看到

【讨论】:

【参考方案4】:

我在这里有一个工作代码框:https://codesandbox.io/s/youthful-wave-8xjy4

请确保 @material-ui/core@material-ui/lab 的版本为 "5.0.0-alpha.24" 或更高版本,因为我在遵循以下指南时遇到了与您相同的导入错误:https://next.material-ui.com/guides/pickers-migration/

// package.json

  "dependencies": 
    "@emotion/react": "11.1.5",
    "@emotion/styled": "11.1.5",
    "@material-ui/core": "5.0.0-alpha.24",
    "@material-ui/lab": "5.0.0-alpha.24",
    "date-fns": "2.17.0",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-scripts": "4.0.0"
  ,

【讨论】:

以上是关于材料 ui 实验室日期选择器,无法解析“@material-ui/lab/AdapterDateFns”的主要内容,如果未能解决你的问题,请参考以下文章

使用材料 ui 键盘日期选择器动态设置日期

如何呈现材料 UI 输入控件而不是材料 UI 日期选择器的文本字段

如何使用获取的变量作为材料 UI 日期选择器的初始状态?

在材料ui的日期选择器中更改formatDate

对话框中的材料 UI 更改日期字段样式

角度材料日期时间选择器更改显示日期时间的格式