Jest moduleNameMapper正则忽略点号错误匹配非.svg后缀依赖问题
问题原因
你遇到的匹配异常核心是正则转义歧义问题:
- 当你在jest配置中用字符串形式写正则键
'\\.(svg)$'时,部分版本Jest在解析字符串转正则的过程中,可能出现转义符丢失,原本要表示字面量.的\.变成了正则通配符.,此时正则实际生效规则为「任意字符 + svg结尾」,自然就匹配到了结尾是-svg的@ant-design/icons-svg包名。 - 原正则没有限定匹配路径前缀,也放大了误匹配的概率。
解决方案
方案1:使用正则字面量定义规则(更推荐)
直接在jest.config.ts中使用正则字面量定义匹配规则,完全规避字符串转义的歧义,正则明确限制只有.svg后缀的文件会被mock:
export default { moduleNameMapper: { /^.+\.svg$/: '<rootDir>/__mocks__/fileMock.js', }, };
方案2:修正字符串形式的正则写法
如果坚持用字符串作为键,增加开头匹配限制、保证转义逻辑正确即可:
export default { moduleNameMapper: { '^.+\\.svg$': '<rootDir>/__mocks__/fileMock.js', }, };
其中^.+要求匹配路径开头至少有1个字符,\\.明确转义为字面量的.,完全限定只匹配后缀为.svg的文件,不会命中包名中带svg字符串的依赖。
内容的提问来源于stack exchange,提问作者Ivan Rubinson
相关产品推荐
相关产品推荐

