【问题标题】:Cannot get date-fns to work in material-ui/react. Keep getting can't find errors无法让 date-fns 在 material-ui/react 中工作。不断出现找不到错误
【发布时间】:2020-10-10 23:13:18
【问题描述】:

一个月前我开始使用 React。下载了一堆库,其中一些很有用。但是当我试图让 date-io/date-fns 工作时,我被卡住了。我遇到了无法找到“@material-ui 中的按钮”的奇怪错误,所以我去查看我的文件夹结构并在我的项目中找到了 package.json 的三个副本!当您在 vscode 中打开命令窗口时,我一直在将软件包安装到默认文件夹中。不知道他们最后都是谁。

我决定在 vscode 中从头开始一个新项目并将我所有的源文件夹复制过来,然后重新安装我正在使用的所有包。这是我所做的:

  • 创建了一个新的 vscode .net core 项目/react js(没有 redux)

  • 将我的源文件夹从旧项目文件夹复制到新文件夹。替换新项目中的所有文件/文件夹。

  • 打开了一个 powershell cmd 窗口。输入以下命令:

    yarn upgrade react
    yarn add react-router
    yarn add-react-router-dom
    yarn add formik
    yarn add yup
    yarn add @material-io/core
    yarn add @material-io/icons
    yarn add @material-io/pickers
    yarn add @date-io
    yarn add @date-io/date-fns
    yarn add yup
    

好的,然后我编译了应用程序并运行了它。我仍然收到 date-fn 错误,但现在出现了不同的错误:

找不到模块:无法解析“C:\projects\DoxaProject\DoxaUI\DoxaUI\node_modules@date-io\date-fns\build”中的“date-fns/_lib/format/longFormatters”

我的 package.json 文件具有最新的依赖项,包括 date-io/date-fns。

为什么会出现此错误?我现在花了一天时间试图让一个日期字段正常工作。如果有人可以提供帮助,我将不胜感激!

【问题讨论】:

    标签: reactjs material-ui formik date-fns


    【解决方案1】:

    material-ui/pickers 文档:

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

    纱线添加@date-io/dayjs@1.x

    ============================ 你应该使用 1.x

    【讨论】:

      【解决方案2】:

      对我有用的是明确地将date-fns 添加到我的项目中。

      yarn add date-fns
      

      希望这能解决您令人沮丧的问题。

      【讨论】:

      • 好的。所以我照你说的做了。我做了 yarn add date-fns 并重新运行了应用程序。现在我收到一个不同的错误:“RangeError:格式字符串包含未转义的拉丁字母字符n(匿名函数)C:/projects/DoxaProject/DoxaUI/DoxaUI/node_modules/date-fns/esm/format/index.js: 421" 为什么这么难?我在任何其他图书馆都没有遇到过这个问题,但到目前为止 date-fns 是一场灾难。有什么想法吗?
      • 我发现了问题。事实证明,在正确的 idea 不起作用时使用上面的方法,因为当我在上面混合了 w/material-ui 选择器时,date-fns 2.x 中有一个错误。解决方案是删除最新版本的 date-fns 并将其替换为 1.x 版本: npm i @date-io/date-fns@1.x date-fns 这解决了该问题。感谢您的帮助!
      • 真的!我发现自己在与同样的问题作斗争......非常令人沮丧
      猜你喜欢
      • 2021-10-14
      • 2020-10-30
      • 2019-03-12
      • 1970-01-01
      • 1970-01-01
      • 2020-04-23
      • 2018-12-01
      • 2020-01-11
      • 2020-09-01
      相关资源
      最近更新 更多