当使用 Jest 进行前端单元测试时，有时会遇到 "Cannot find module" 的错误，这是因为 Jest 无法找到你的代码中引用的某些模块。本篇文章将讲解造成该错误的原因以及如何解决它。
原因
Jest 寻找模块的方式是基于 Node.js 的，因此与前端 JavaScript 有一些差异。可能的原因如下：
模块路径有误：在代码中引用的模块路径错误，Jest 无法找到该模块。
模块未安装：代码引用了未安装的模块，Jest 无法找到该模块。
缺少依赖：代码引用的模块依赖其他模块，但它们未在 package.json 文件中列出，导致 Jest 无法找到。
解决方法
1. 确认模块路径是否正确
检查代码中引用模块的路径是否正确，确保路径与文件的实际位置匹配。如果您使用的是相对路径，请确保相对路径相对于测试文件的位置而非项目根目录。
举个例子，我们在 src/js 目录下有一个 util.js 文件，然后在 __tests__ 目录下有一个 util.test.js 文件。在 util.test.js 文件中引用 util.js 文件的相对路径应该是 ../src/js/util.js，而不是 ../../src/js/util.js。
2. 确认模块是否已安装
检查代码中引用的模块是否已在 package.json 文件中列出，如果没有，请使用 npm install 命令安装该模块。在确保安装后，执行 npm run test 命令，看是否仍然出现 "Cannot find module" 的错误。
3. 确认依赖是否完整
如果检查以上两个步骤没有找到问题，那么很可能是您代码引用的模块依赖其他模块，但您的 package.json 文件中缺少必要的依赖。您可以尝试手动添加依赖，然后使用 npm install 命令安装。
如果您还没有确定在哪些依赖问题导致了问题，我们建议您首先将项目清理，然后再执行 npm install 命令，这样可以重新获取项目所需的所有依赖。
4. 配置 Jest
在某些情况下，您还需要调整 Jest 的配置，以确保 Jest 能够正确的寻找模块。您可以在项目根目录下创建一个 jest.config.js 文件，并进行以下简单的配置即可解决问题：
-- -------------------- ---- -------
-------------- - -
----------------- -
-- - ----- - --- -------------
--------------------------- ---------------------
-- -----------
----------- -------------------
--
---------- -----------------------------------
----------------------- -------------------
--总结
"Cannot find module" 的错误是在使用 Jest 进行单元测试时常见的问题。我们需要仔细检查代码中引用的模块路径、依赖以及安装状态，最终确认 Jest 的配置是否正确。如果你遇到了该问题，希望本文的解决方法能够帮助到你。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c7e1d05ad90b6d04122406