Node.js 运行JEST测试时找不到模块&q；错误

在进一步研究之后，我想出了两个解决这个问题的方法:

Solution 1个

按照jest documentation中的建议，使用--experimental-vm-modules可以很好地工作.要使其正常工作，需要遵循以下jest.config.js条:

import type { Config } from 'jest'

const config: Config = {
  preset: 'ts-jest/presets/default-esm',
  testEnvironment: 'jsdom',
  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
  injectGlobals: true,
}

export default config

并且为了更容易地运行测试，可以在package.json的script部分中定义以下npm脚本:

"scripts": {
  "test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest"
},

Full implementation of this solution个

Solution 2个

该解决方案基于Babel @babel/plugin-transform-modules-commonjs.这是常见的解决方案，可以在周围找到.然而，在此特定场景中，需要JEST配置(moduleNameMapper)中的附加模块名称映射.目前我不能解释这是什么原因.此外，有必要将巴别塔变换应用于node_modules，这是通过重写transformIgnorePatters来完成的.所以jest.config.js看起来是这样的:

import type { Config } from 'jest'

const config: Config = {
  preset: 'ts-jest',
  transform: {
    "^.+\\.[t]sx?$": "ts-jest",
    "^.+\\.[j]sx?$": "babel-jest"
  },
  transformIgnorePatterns: [
  ],
  moduleNameMapper: {
    "^@milkdown/prose/(.*)$": "<rootDir>/node_modules/@milkdown/prose/lib/$1.js",
    "^@milkdown/(.*)$": "<rootDir>/node_modules/@milkdown/$1"
  },
  testEnvironment: 'jsdom',
  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
  injectGlobals: true,
}

export default config

低于babel.config.js的内容:

module.exports = {
  plugins: [
    "@babel/plugin-transform-modules-commonjs"
  ]
}

Full implementation for this solution个