在前端开发中，使用 Jest 进行单元测试是非常常见的。但有些情况下，运行测试时可能会遇到 "ReferenceError: xxx is not defined" 的错误提示，这种错误如果不处理会让测试用例无法通过，甚至导致整个单元测试无法执行。那么，如何解决这个问题呢？本文将会详细介绍和讲解这个问题，并给出解决方法和示例代码。
问题分析
出现 "ReferenceError: xxx is not defined" 的原因一般来说是由于测试文件中调用了未定义的变量或函数，或者是因为没有正确引入代码中的依赖库。当运行测试时，Jest 会将测试代码与被测试的代码合并为一个执行环境，所以如果被测试的代码中引用了一个未定义的变量或函数，Jest 就会在这个地方抛出 ReferenceError 的错误。
解决方法
为了解决这个问题，我们需要找到测试代码与被测试代码中的错误。下面介绍一些可能导致此问题的原因及解决办法。
1. 未定义的变量或函数
出现 "ReferenceError: xxx is not defined" 的时候，很有可能是因为测试文件中调用了未定义的变量或函数。解决方法是在测试文件中定义这些变量或函数，或者是通过一个 mock 函数来模拟这些未定义的变量或函数。
示例代码：
-- -------------------- ---- ------- -- --------------------- ------ ----- --- - --- -- -- - ------ - - - - -- -- - --- - -- --------- - ---- ---- - ---- ----- - ------ - --- - ---- ------------ --------- -------- ------- -- -- - ----- - - -- ------------- ------------ --- -- -- ---------------------- -- -- -- ---- ---------- -- --- ---- --------- -------- ------- -- -- - ------------- ------------ ---
2. 代码依赖库未正确引入
在测试过程中，被测试的代码有时需要调用外部依赖库，如果依赖库不存在或没有正确引入会导致 "ReferenceError: xxx is not defined" 的错误。为了解决这个问题，我们需要在测试文件或者 Jest 的配置文件中正确引入依赖库。
示例代码：
-- -------------------- ---- ------- -- ------------ ------ - ------ ------ ---- --------- ------ ----- ------------ - --------- -- - ------ ------------------------------- - -- --------- ------ - ------ - ------------ - ---- ------------ ------ ------ ---- --------- ------------------ -------- ------- -- -- - ----- ----- - ------------------------ ----------------------------------------------- ---
3. Jest 配置文件未正确配置
有时候，由于 Jest 的默认配置可能与我们的项目结构不符，需要在 Jest 的配置文件中进行一些调整。比如，我们需要在配置文件中设置 moduleDirectories 来告诉 Jest 去哪些目录下寻找依赖库。
示例代码：
// Jest 配置文件 jest.config.js
module.exports = {
moduleDirectories: ['node_modules', 'src'], // 添加 src 目录
};总结
"ReferenceError: xxx is not defined" 是 Jest 测试中常见的错误，主要是由于测试文件与被测试的代码中出现未定义的变量或函数，或者是依赖库未正确引入。通过上述三种解决方法，我们就能够解决这个问题。同时，在代码中正确地使用变量和函数、引入正确的库，以及合理配置 Jest 的配置文件也是预防这类错误的好方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6461e6c8968c7c53b033bdd3