jest monorepo es模块无法解析

Question

jest.config.js 配置如下。

module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'jsdom',
  moduleFileExtensions: ['js', 'vue', 'ts'],
  testMatch: ['<rootDir>/tests/unit/*.spec.js'],
  transform: {
    '^.+\\.vue$': 'vue-jest',
    '^.+\\.(t|j)s?$': 'babel-jest',
  },
};

当引用项目src 同级别monorepo中es module 时会报
Jest encountered an unexpected token
该问题使用处理 node-modules 中 es module的方式无效果。因为babel转化已配置，貌似babel并没有对 monorepo模块进行转化
求大神指导

Answer 1

之前有遇到过类似问题，应该是 node_modules 中的代码在发布前并没有编译成 ES5 兼容的，然后 Jest 跑单测时，无法识别这块代码，然后导致报错的。可以通过设置 transformIgnorePatterns 来让 Jest 编译代码，具体如何配置可以参考这里，比如是 lodash-es 导致问题的，可以这样配置的，希望对你有帮助，:)

"transformIgnorePatterns": [
  "<rootDir>/node_modules/(?!lodash-es)"
]

关于如何配置 Jest 的 transformer，可以参考官方文档。