typescript - Material UI 日期时间选择器示例

Question

我试图理解 Material UI Date Time Picker .

问题是给定的example on Codesandbox导致错误，因为找不到以下导入:

import DateFnsUtils from '@date-io/date-fns';

我已经在几次测试中尝试消除该错误，但没有成功。我的猜测是它从 npm 导入了损坏的版本。因此，我相信它一定是 package.json 中的以下包之一:

"date-fns": "next",
"@types/date-ioDate-fns": "latest",
"@types/date-fns": "latest",
"@date-io/date-fns": "latest"

有没有办法不使用date-fns来启动并运行示例？

Answer 1

只需将 tslib 添加到您的依赖项列表中，因为 @date-io/date-fns 对它有未满足的对等依赖项。

https://codesandbox.io/s/material-demo-hrz3c?fontsize=14&hidenavigation=1&theme=dark

---

值得注意的是，虽然这修复了依赖关系，但您可能会收到以下错误:

Format string contains an unescaped latin alphabet character `n`

遗憾的是，这是 date-fnslibrary 2.x 版本的错误，至少根据this issue你最好的选择是降级到 1.3.13

我可以确认，降级到 1.3.13 至少解决了我的沙盒上的问题