迹忆客 专注技术分享

当前位置:主页 > 学无止境 >

Cannot find module 'date-fns' 错误

作者:迹忆客 最近更新:2022/09/16 浏览次数:

要解决错误“Cannot find module 'date-fns'”,请确保通过在项目的根目录中打开终端并运行以下命令来安装 date-fns 包:npm i date-fns 并重新启动 IDE 和开发服务器。

// ⛔️ Error Cannot find module 'date-fns'
// [ERR_MODULE_NOT_FOUND]: Cannot find package 'date-fns'
// imported from bobbyhadz-js/index.js
import {format} from 'date-fns';

const d1 = new Date('Nov 24, 22 13:20:18');
const result = format(d1, 'yyyy-MM-dd');
console.log(result);

在项目的根目录(package.json 文件所在的位置)中打开终端并运行以下命令:

$ npm install date-fns

这会将 date-fns 包添加到项目的依赖项中。

现在我们应该可以像这样导入和使用 date-fns 包了:

import {format} from 'date-fns';

const d1 = new Date('Nov 24, 22 13:20:18');
const result = format(d1, 'yyyy-MM-dd');
console.log(result); // 👉️ "2022-11-24"

如果我们使用 TypeScript 并收到错误“Cannot find module 'date-fns' or its corresponding type declarations”,请尝试安装 @types/date-fns

$ npm install --save-dev @types/dev-fns

如果我们的错误尚未解决,请打开 tsconfig.json 文件并确保 types 数组包含字符串 node

{
  "compilerOptions": {
    "types": [
      "node"
    ]
  },
}

这应该可以修复错误,现在 TypeScript 应该能够找到 date-fns 模块的类型定义。

如果“Cannot find module 'date-fns'”错误未解决,请尝试删除 node_modulespackage-lock.json(不是 package.json)文件,重新运行 npm install 并重新启动 IDE。

# 👇️ 删除 node_modules 和 package-lock.json
$ rm -rf node_modules
$ rm -f package-lock.json

# 👇️ clean npm cache
$ npm cache clean --force

$ npm install

如果错误仍然存在,请确保重新启动 IDE 和开发服务器。 VSCode 经常出现故障,有时重启可以解决问题。

如果我们仍然收到错误,请打开我们的 package.json 文件并确保它在依赖项对象中包含 date-fns 包。

{
  // ... rest
  "dependencies": {
    "date-fns": "^2.28.0",
  },
}

我们可以尝试手动添加该行并重新运行 npm install

$ npm install

或者安装最新版本的包:

$ npm install date-fns@latest

总结

要解决错误“Cannot find module 'date-fns'”,请确保通过在项目的根目录中打开终端并运行以下命令来安装 date-fns 包:npm i date-fns 并重新启动 IDE 和开发服务器。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

pm2: command not found error 错误解决

发布时间:2022/09/27 浏览次数:339 分类:学无止境

使用 npx 解决错误“pm2: command not found”,例如 npx pm2 启动 app.js 或通过运行 npm install -g pm2 全局安装包,以便能够使用不带 npx 前缀的命令。

解决 Cannot find module 'lodash' 错误

发布时间:2022/09/21 浏览次数:230 分类:学无止境

要解决错误“Cannot find module 'lodash' ”,请确保通过在项目的根目录中打开终端并运行以下命令来安装lodash软件包:npm i lodash。 如果使用Typescript,请通过运行 NPM I -D @Types/lodash安装。

Cannot find module 'prettier' 错误

发布时间:2022/09/16 浏览次数:558 分类:学无止境

要解决错误“Cannot find module 'prettier'”,请确保通过在项目的根目录中打开终端并运行以下命令来安装 prettier 包:npm install --save-dev prettier。

解决 Cannot find module 'webpack' 错误

发布时间:2022/09/16 浏览次数:154 分类:学无止境

要解决“Cannot find module 'webpack'”错误,需要确保通过运行 npm i -g webpack 命令全局安装 webpack,并通过运行 npm link webpack 命令创建从全局安装的包到 node_modules 的符号链接。

构建、测试和发布 NPM 包

发布时间:2022/09/03 浏览次数:93 分类:学无止境

在本文中,我们将构建、测试和发布一个 npm 包,来检查字符串是否为电子邮件地址。 因此,如果想知道我们将如何做,请系好安全带,然后出发

NPM 使用快捷方式安装 package 包

发布时间:2022/08/14 浏览次数:154 分类:学无止境

对于使用 NPM 安装包大家都熟悉,我们希望通过向大家展示包安装的快捷方式来提高大家的工作效率。 NPM 为从命令行执行的重复命令集成了多个时间节省器。

NPM 显示已安装和过期的 package 包

发布时间:2022/08/04 浏览次数:219 分类:学无止境

NPM 是使用 Node.js 时首选的包管理器。 我们不需要强调了解工具的重要性,当然,这也适用于 NPM。 这篇文章将向大家展示使用 NPM 显示本地存储库的已安装包或系统上全局安装的包的提

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便