Jest 提示：无法在此文件中找到模块

前言

Jest 是一个流行的 JavaScript 测试框架，提供了一些实用的功能来编写和运行测试。在使用 Jest 进行前端开发时，有时会遇到“无法在此文件中找到模块”的错误提示。该错误提示意味着 Jest 在测试文件中未发现所需的模块或依赖。

在本文中，我们将探索 Jest 中出现这种错误的原因，并提供一些解决方案。

原因

1. 模块路径错误

当 Jest 无法在文件中找到模块时，最常见的原因是路径错误。检查引入的模块的路径是否正确。如果路径错误，Jest 会发出“找不到模块”的错误提示。

示例代码：

import { testFunction } from '../src/utils/functions';
// 上面的路径 './src/utils/functions' 是错误的，应该使用 '../src/utils/functions'

1. 依赖未安装

如果依赖未正确安装，则 Jest 将无法找到引用的模块。确保正确安装所有依赖项。

示例代码：

import React from 'react'; // React 未安装导致找不到模块

1. 模块被删除或移动

如果模块已删除或移动，则 Jest 将无法从文件中找到模块。尝试重新安装或使用正确路径引用模块。

1. Jest 配置错误

有时，Jest 配置中的错误也可能导致无法找到模块。确保 Jest 配置与项目结构相符。

示例代码：Jest 配置中使用错误的根路径

// jest.config.js
module.exports = {
  roots: ['/tests/'], // 根路径应该使用项目根路径，而不是测试文件的根路径
};

解决方案

1. 检查路径

确保路径指向正确的位置，包括文件名称和相对路径。可以使用绝对路径而不是相对路径来避免错误。

1. 确保依赖项已安装

确保项目所需的所有依赖项都已正确安装。在 package.json 文件中查找依赖项，或运行 npm install 命令来安装缺少的依赖项。

1. 检查模块是否存在

确保模块存在或未被删除或移动。如果模块被删除或移动，可以重新安装或使用正确的路径引用模块。

1. 更新 Jest 配置

检查 Jest 配置文件，确保配置文件与项目结构匹配。如果根路径配置不正确，可以使用正确的项目根路径重新配置 Jest。

结论

在本文中，我们探讨了出现 Jest 無法找到模块的错误的原因，以及如何解决这些问题，包括检查路径，确认依务已经安装，检查模块是否存在，以及更新 Jest 配置。您可以通过对这些解决方案进行适当的调整，解决 Jest 所提示的无法找到模块的错误，从而使您更加高效地编写和运行前端应用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672efed8eedcc8a97c8bde62