材质UI日期时间选择器示例

时间:2020-01-18 21:31:03

标签: typescript material-ui

我正在尝试了解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来启动并运行该示例?

1 个答案:

答案 0 :(得分:2)

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

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


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

格式字符串包含未转义的拉丁字母字符“ n”

可悲的是,这是date-fns库2.x发布的错误,至少根据this issue,您最好的选择是降级到1.3.13

我可以确认,降级到1.3.13至少可以解决我的沙箱问题