PhpStorm/IntelliJ IDEA 不会在 Jest 单元测试中的断点处中断

Question

我有一个Vue.js 项目，我正在PhpStorm（IntelliJ IDEA 的一个变体）中工作。

我已经使用Jest 编写了针对我的 Vue 组件的单元测试。我能够从 PhpStorm 运行我的单元测试。但是，当我调试单元测试时，PhpStorm 不会在我放置在 Vue 组件代码中的断点处中断。

下面是我在 Vue 项目的 package.json 中放置的 Jest 配置。 为什么 PhpStorm 不会在我的断点处中断？

"jest": {
    "roots": [
      "<rootDir>./"
    ],
    "moduleFileExtensions": [
      "js",
      "vue"
    ],
    "transform": {
      ".*\\.(vue)$": "jest-vue-preprocessor",
      "^.+\\.js$": "babel-jest"
    },
    "moduleNameMapper": {
      "^~/(.*)$": "<rootDir>/../$1"
    },
    "collectCoverage": true,
    "collectCoverageFrom": [
      "**/*.{js,vue}",
      "!**/node_modules/**"
    ],
    "coverageReporters": [
      "html",
      "text-summary"
    ],
    "coverageDirectory": "coverage",
    "notify": true,
    "setupTestFrameworkScriptFile": "./setup.js"
}

Answer 1

没有项目很难说...我建议在您的 Jest 配置中设置 "collectCoverage": false - 它有什么不同吗？检测覆盖率代码通常会破坏源映射。