Enzyme报TS2350错误：Webpack构建失败Jest运行正常求助

解决Enzyme配置在webpack --watch时的TS2350错误 #

这个问题我之前也碰到过，核心原因是你对enzyme-adapter-react-16的导入方式不对，导致TS在webpack构建时识别不到正确的构造函数类型。

问题根源 #

当你用import * as Adapter from 'enzyme-adapter-react-16';时，Adapter其实是一个模块对象，而不是适配器的构造函数本身。这个模块对象里的default属性才是真正的构造函数。jest可能因为模块解析规则或者TS配置的宽松性，在运行时自动帮你处理了这个兼容，但webpack的TS构建流程（比如用ts-loader或者babel-loader+TypeScript插件）会严格检查类型，所以就抛出了TS2350错误。

具体解决方案 #

只需要修改导入语句，使用默认导入而非命名空间导入即可：

import * as enzyme from 'enzyme';
// 把原来的* as Adapter改成默认导入
import Adapter from 'enzyme-adapter-react-16';

enzyme.configure({ adapter: new Adapter() });

额外优化建议 #

如果修改后还是有类似问题，可以检查你的tsconfig.json，确保开启这两个配置项：

• allowSyntheticDefaultImports: true：允许TS将没有默认导出的模块视为有默认导出
• esModuleInterop: true：帮助TS更好地兼容CommonJS模块的导出方式

这两个选项能让TS对第三方CommonJS库的导入更友好，避免很多类似的类型错误。

内容的提问来源于stack exchange，提问作者alexunder