在开发 React 应用时，使用 Enzyme 进行测试是一个比较常见的需求。然而，在进行测试时，可能会遇到 “Cannot find module 'enzyme'” 的问题，这会导致测试无法正常运行。本文将介绍如何解决这个问题。
问题原因
首先，需要了解这个问题的原因。在使用 Enzyme 进行测试时，需要先安装 Enzyme 库。如果我们使用 npm 进行安装，通常会执行以下命令：
npm install --save-dev enzyme enzyme-adapter-react-16
这会将 Enzyme 安装到项目的开发依赖中。然后，在测试文件中，我们需要引入 Enzyme：
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';这里使用了 ES6 的 import 语法来引入 Enzyme。然而，如果项目中没有正确配置 babel 转换器，或者没有在 webpack 配置中配置相应的解析器，那么就会出现找不到 enzyme 这个模块的情况。
解决方法
要解决这个问题，需要根据具体情况采取不同的方法。以下是几种可能的解决方法。
配置 babel 转换器
如果你的项目中使用了 babel 转换器，那么你需要配置 babel，让它能够正确地处理 Enzyme。在项目的根目录下创建一个名为 .babelrc 的文件，然后在文件中添加以下内容：
-- -------------------- ---- -------
-
---------- -
-------------- -
---------- -
------- ---------
-
---
---------------------
--
---------- -
------------------------------
-
-这里使用了 @babel/preset-env 和 @babel/preset-react，分别用于处理 ES6 和 React 相关的语法。同时，还需要安装 transform-object-rest-spread 这个插件，以处理 Rest/Spread 操作符。
配置 webpack 解析器
如果你的项目使用了 webpack，那么你需要配置 webpack，让它能够正确地解析 Enzyme。在 webpack 的配置文件中，添加以下内容：
resolve: {
extensions: ['.js', '.jsx'],
alias: {
'react-dom/test-utils': 'react-dom/test-utils',
'react-dom': '@hot-loader/react-dom',
'enzyme': 'enzyme/build/index.js',
}
},这里使用了 resolve.extensions 属性，指定 webpack 能够解析的文件扩展名。同时，使用了 resolve.alias 属性，将 enzyme 模块的路径指向 node_modules/enzyme/build/index.js。
直接使用 CommonJS 风格的引入方式
如果你不想使用 ES6 的 import 语法，也不想配置 babel 或 webpack，那么你可以直接使用 CommonJS 风格的引入方式：
const enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');
enzyme.configure({ adapter: new Adapter() });这里使用了 require 函数引入模块，并且直接调用了 enzyme.configure 方法进行配置。这样做的好处是不需要进行额外的配置，而坏处是可能不够优雅。
示例代码
最后，附上一段测试示例代码，可以用来测试一个简单的 React 组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------- --------- - ---- ---------
------ ------- ---- --------------------------
-- ---------
------ ----------- ---- ----------------
-- -- ------
----------- -------- --- --------- ---
----------------------- -- -- -
---------- ------ ----------- -- -- -
----- ------- - -------------------- ----
----------------------------------------------
---
---总结
以上就是解决使用 Enzyme 测试 React 组件时出现的 “Cannot find module 'enzyme'” 的问题的方法。具体方法可能因项目而异，读者需要根据自己的情况选择适合的方法。希望这篇文章能够对你有所启发，让你更好地使用 Enzyme 进行测试。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/64e70384f6b2d6eab325a687