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

【问题标题】：material ui lab date picker, Can't resolve '@material-ui/lab/AdapterDateFns'材料 ui 实验室日期选择器，无法解析“@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

标签： reactjs datepicker material-ui

【解决方案1】：

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

date-fns installation

我在mui documentation for React Date Picker阅读。

【讨论】：

【解决方案2】：

这对我很有效

npm install @mui/lab

【讨论】：

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

【解决方案3】：

尝试运行npm install @material-ui/core@next 和npm 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"
  },
}

【讨论】：