Cannot find module ‘date-fns’ 错误

要解决错误“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_modules 和 package-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 和开发服务器。

免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » Cannot find module ‘date-fns’ 错误