Jest 26 和 Angular - 错误行号报告不正确

自从升级到 Jest 26 和 Angular 10 以来，单元测试错误行号的报告不正确。我从 Angular 4 开始就一直使用 Jest，并且随着每个新版本的升级。

我已经阅读了所有关于此的现有文章，并尝试了我能找到的所有建议。它们似乎都不适合我的情况。

我已经能够创建一个最小的存储库，您可以在其中看到这种情况的发生（https://github.com/russcarver/angular-jest-test/tree/jest-line-errors https://github.com/russcarver/angular-jest-test/tree/jest-line-errors）。确保您在jest-line-errors分支。我已向 app.component.spec.ts 文件添加了注释（https://github.com/russcarver/angular-jest-test/blob/jest-line-errors/src/app/app.component.spec.ts https://github.com/russcarver/angular-jest-test/blob/jest-line-errors/src/app/app.component.spec.ts）来显示问题。

第一个，奇怪的是，我必须在每个规范文件的顶部添加一个“虚拟”测试。否则，每个文件中的第一个测试总是失败：

it('Should init the Test Suite', noop); // ****** The first test fails unless I add this ******

当其他方法都不起作用时，我出于绝望而创建了这个解决方案。我有预感，这有关系。

这个特定的 Angular 升级还建议将 tsconfig.json 文件拆分为 tsconfig.base.json、tsconfig.app.json 和 tsconfig.spec.json。

当我更改 tsconfig.spec.json 中的各种选项时，错误行号确实会发生变化（特别是使用lib, module and target选项）。我已将此文件配对到我的（大型）项目所需的最低限度，并在存储库中对其进行了修改，以不扩展 tsconfig.base.json。我还研究并设置了我认为最适合我的项目的选项（它针对 Chrome、Edge Safari 和 FireFox 的最新 2 个版本，并使用所有最新的 JavaScript 和 TypeScript 功能）。

我知道这不是 Angular 问题，因为我已经能够使用 Angular 9、10 和 11 重现此问题。在所有 tsconfig 更改之前，它曾经在 Angular 9 和 Jest 25 中工作。

我还知道（已经测试过）它与规范文件中的空行或注释无关。

我也尝试过 Babel 配置，但无济于事。

我以前用过jest-preset-angular（现已弃用）但添加/删除没有区别。

无论是否启用/运行覆盖，都会错误地报告行号。

自去年 7 月（2020 年）以来，我们一直在遭受这种痛苦。任何帮助将不胜感激！

这似乎在我之后得到解决：

1. 升级到 Angular 12.0.5
2. 更新为“@types/jest”：“26.0.23”，“@angular-builders/jest”：“12.0.0”，“@types/jasmine”：“3.7.7”，“@types/jasminewd2”： “2.0.9”，“茉莉花核心”：“3.7.1”，“茉莉花规格报告者”：“7.0.0”，“笑话”：“26.6.3”，“ts-jest”：“26.5 .6”和“ts-node”：“10.0.0”
3. 我还删除了 Babel 配置。
4. 注意：我尝试升级到 Jest 27，结果一团糟。

我不确定哪些部分负责修复，但这是我的 package.json 文件。我很乐意根据要求提供其他文件。

{
  "scripts": {
    "build": "npm run lint && npm run test-build && ng build --configuration=development",
    "build:dynamic": "npm run lint && npm run test-build && ng build --configuration=dynamic && npm run obfuscate",
    "lint": "ng lint",
    "ng": "ng",
    "obfuscate": "ng run resolver:obfuscate --configuration=production",
    "postinstall": "ngcc --tsconfig './tsconfig.app.json'",
    "refresh-project": "rimraf coverage/* && rimraf dist/* && rimraf node_modules/* && npm install",
    "start": "ng serve --host=0.0.0.0 --port 4200 --configuration=development",
    "start-dynamic": "ng serve --host=0.0.0.0 --port 4200 --configuration=dynamic",
    "test": "ng test -- --coverage --coverage-reporters=text-summary --coverage-reporters=lcov",
    "test-build": "ng test -- --coverage --coverage-reporters=text-summary --coverage-reporters=cobertura",
    "test-watch": "ng test -- --watch"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "1.1.0",
    "@angular/animations": "12.0.5",
    "@angular/cdk": "12.0.5",
    "@angular/common": "12.0.5",
    "@angular/compiler": "12.0.5",
    "@angular/core": "12.0.5",
    "@angular/forms": "12.0.5",
    "@angular/material": "12.0.5",
    "@angular/platform-browser": "12.0.5",
    "@angular/platform-browser-dynamic": "12.0.5",
    "@angular/router": "12.0.5",
    "@auth0/angular-jwt": "5.0.2",
    "@google/markerclusterer": "2.0.9",
    "@material-extended/mde": "3.0.3",
    "@microsoft/applicationinsights-web": "2.6.3",
    "@microsoft/signalr": "5.0.7",
    "@okta/okta-angular": "3.1.0",
    "@srag/ngx-source-obfuscation": "2.0.0",
    "@types/file-saver": "2.0.2",
    "@types/googlemaps": "3.43.3",
    "@types/jest": "26.0.23",
    "@types/node": "14.17.3",
    "@types/sjcl": "1.0.29",
    "angular-user-idle": "2.2.6",
    "angulartics2": "10.0.0",
    "broadcast-channel": "3.7.0",
    "browser-globals": "0.0.2",
    "core-js": "3.10.0",
    "cross-env": "7.0.3",
    "date-fns": "2.22.1",
    "date-fns-tz": "1.1.4",
    "file-saver": "2.0.5",
    "gsap": "3.7.0",
    "hammerjs": "2.0.8",
    "kaop-ts": "4.3.0",
    "launchdarkly-js-client-sdk": "2.19.2",
    "ng2-file-upload": "1.4.0",
    "ngx-currency": "2.5.2",
    "ngx-mask": "12.0.0",
    "npm": "7.17.0",
    "rxjs": "6.6.7",
    "sass": "1.35.1",
    "save": "2.4.0",
    "sjcl": "1.0.8",
    "time-input-polyfill": "1.0.10",
    "web-animations-js": "2.3.2",
    "zone.js": "0.11.4"
  },
  "devDependencies": {
    "@angular-builders/jest": "12.0.0",
    "@angular-devkit/build-angular": "12.0.5",
    "@angular/cli": "12.0.5",
    "@angular/compiler-cli": "12.0.5",
    "@angular/language-service": "12.0.5",
    "@types/jasmine": "3.7.7",
    "@types/jasminewd2": "2.0.9",
    "codelyzer": "6.0.2",
    "crypto-browserify": "3.12.0",
    "jasmine-core": "3.7.1",
    "jasmine-spec-reporter": "7.0.0",
    "jest": "26.6.3",
    "jest-date-mock": "1.0.8",
    "jest-trx-results-processor": "2.2.0",
    "jest-zone-patch": "0.0.10",
    "rimraf": "3.0.2",
    "stream-browserify": "3.0.0",
    "ts-jest": "26.5.6",
    "ts-node": "10.0.0",
    "tslint": "6.1.3",
    "tslint-eslint-rules": "5.4.0",
    "typescript": "4.2.4",
    "webpack-bundle-analyzer": "4.4.2"
  },
  "engineStrict": true,
  "engines": {
    "node": "14.17.0",
    "npm": "7.17.0"
  }
}