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-有什么区别吗？覆盖的检测代码通常会破坏源映射。

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

1 个答案: