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

Question

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

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

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

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

Answer 1

这对我来说非常有效

npm install @mui/lab

在 Material UI v5 中，您需要安装 @mui/lab。我的依赖项在这里：

  "dependencies": {
    "@mui/lab": "^5.0.0-alpha.54",
    "@mui/material": "^5.2.1",
  }

欲了解更多信息，请查看此链接

Answer 2

我在这里有一个可用的代码和盒子：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"
  },
}

Answer 3

尝试跑步npm install @material-ui/core@next并npm install @material-ui/lab@next

这应该会让您升级到版本 5。

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

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