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

IT技术 reactjs datepicker material-ui
2021-04-12 07:19:54

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

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

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

即使在安装了@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"
  },
}

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

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

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

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

这对我很有效

npm install @mui/lab
虽然此代码可能会回答问题,但提供有关如何和/或为什么解决问题的附加上下文将提高​​答案的长期value。您可以在帮助中心找到有关如何编写好的答案的更多信息:stackoverflow.com/help/how-to-answer祝你好运🙂
2021-05-25 07:19:54

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

date-fns 安装

我在React Date Picker 的 mui 文档中阅读了它