模块未找到：无法解析“@date-io/date-fns”

Question

我正在使用React Material UI，但是出现了错误：找不到模块：无法解析'@date-io/date-fns'。

这里是我的package.json文件中的依赖项：

"dependencies": {
    "@date-io/date-fns": "^2.0.0",
    "@material-ui/core": "^4.9.5",
    "@material-ui/pickers": "^3.2.10",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "date-fns": "^2.0.0",
    "react": "^16.13.0",
    "react-dom": "^16.13.0",
    "react-facebook-login": "^4.1.1",
    "react-google-login": "^5.1.14",
    "react-google-maps": "^9.4.5",
    "react-hook-form": "^5.2.0",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.0"
  },

我尝试安装最新版本的date-io/date-fns，然后尝试了2.0.0版本和1.0.0版本，但仍然遇到相同的错误。

- Ala Ben Aicha

Answer 1

$ npm i date-fns@next @date-io/date-fns@1.x
参考资料:
https://github.com/mui-org/material-ui-pickers/issues/240
https://github.com/dmtrKovalenko/date-io/issues/33

参考资料: https://material-ui-pickers.dev/getting-started/installation#peer-library

重要提示: 对于 material-ui-pickers v3，请使用 @date-io 适配器的 v1.x 版本。

npm i @date-io/date-fns@1.x date-fns
// or
npm i @date-io/moment@1.x moment
// or
npm i -s @date-io/luxon@1.x luxon
// or
npm i -s @date-io/dayjs@1.x dayjs

- user120242

---

尝试将@date-io/date-fns回退到1.x版本。 - user120242

谢谢，我按照您说的做了一切，它起作用了。对于那些遇到同样问题并尝试了@user120242的解决方案而没有解决问题的人，只需尝试重新启动本地服务器，这就是我需要使其工作的全部。 - Ala Ben Aicha

对于yarn也是一样的：yarn add @date-io/date-fns@1.x date-fns。 - hastrb

Answer 2

您可以检查这些命令...

yarn add date-fns

or

npm i date-fns

- Mahmud Hasan

Answer 3

在我的代码中，我使用了“import DateFnsUtils from "@date-io/date-fns/build/date-fns-utils"，这引起了"Module not found: Error: Can't resolve '@date-io/date-fns/build/date-fns-utils' ..."异常。

我已经通过从@date-io/date-fns'导入来解决了这个问题。

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

- Madhu Cheepati