React 组件是前端开发中必不可少的一部分，而使用 Enzyme 进行测试则是保证组件质量和稳定性的重要保证。然而，在使用 Enzyme 进行测试时，有时会遇到 'must provide either an {adapter} or a "<root>" node to ...' 这种错误。该错误出现时 Enzyme 无法正确地渲染组件并且无法提供测试的有效性。
错误原因
出现此错误的原因是 Enzyme 在测试 React 组件时需要一个适配器（adapter）来正确地渲染组件。这个适配器可以是 enzyme-adapter-react-16、enzyme-adapter-react-18 或其它适配器。如果没有提供适配器，Enzyme 就无法正确地渲染 React 组件。
解决方式
为了解决这个错误，需要在测试文件中指定适配器。以下是一个示例：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - -------- --------- - ---- --------- ------ ------- ---- -------------------------- ------ ----------- ---- ---------------- ----------- -------- --- --------- --- -- ----- ---------------------- ---- -- -- - ----------- ----------- -- -- - ----- ------- - -------------------- ---- ---------------------------------- --- ---展开代码
在这个示例中，我们使用了 Enzyme 的 shallow 函数来浅渲染 <MyComponent /> 组件。然后通过调用 configure 函数来指定 enzyme-adapter-react-16 适配器，从而解决了 'must provide either an {adapter} or a "<root>" node to ...' 错误。
除了使用 Enzyme 提供的适配器，如果你使用了自定义的适配器，也可以根据自己的需求进行适配器的指定。
总结
以上就是解决 'must provide either an {adapter} or a "<root>" node to ...' 错误的方式。在测试 React 组件时，准确指定适配器是保证测试有效性和稳定性的重要保证。由此可以看出，运用适当的工具和技术，可以为我们打造更加高效和高质量的前端项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65224b5995b1f8cacd9b4a88
