迹忆客 专注技术分享

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