react中jest配置，解决node_modules报错esm无法解析的问题

重点关注：

transformIgnorePatterns: [

"/node_modules/(?!(?:@jmfe)/)",

],

moduleNameMapper: {

"\\.(css|less|scss|sss|styl)$": "jest-css-modules"

}

并安装jest-css-modules（npm i --save-dev jest-css-modules）

module.exports = {

testEnvironment: 'jsdom',

transform: {

'^.+\\.(js|jsx|ts|tsx)$': 'ts-jest'

},

transform: {

'^.+\\.(js|jsx|ts|tsx)$': 'babel-jest'

},

transformIgnorePatterns: [

"/node_modules/(?!(?:@jmfe)/)",

],

moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],

coverageDirectory: 'dist/coverage',

collectCoverage: true, // 需开启收集覆盖率报告开关

testResultsProcessor: 'jest-bamboo-reporter', // 自定义测试用例执行结果处理器

reporters: [

'default',

[

'./node_modules/jest-html-reporter',

{ pageTitle: '单测报告', outputPath: './dist/report/test-report.html' }//这里是自己项目中想要输出的目录位置

]

],

moduleNameMapper: {

"\\.(css|less|scss|sss|styl)$": "jest-css-modules"

}

}

参考文档：Jest Cannot use import statement outside a module 单测报错完全解决方案 - 掘金