在浏览器中调试TS文件

Question

我目前正在使用最新版本的Angular，并且已经开始编写一个简单的项目。我已经到达需要调试一些代码行的地步，因此，正如我迄今为止一直做的那样，我打开了Chrome的开发工具尝试归档文件的位置。可悲的是没有。

我错过了什么还是什么？似乎编译器没有建立相关的sourceMap文件。

如果有人需要它，这是我的package.json文件用于依赖项：

"dependencies": {
    "@angular/animations": "~9.0.0-rc.9",
    "@angular/common": "~9.0.0-rc.9",
    "@angular/compiler": "~9.0.0-rc.9",
    "@angular/core": "~9.0.0-rc.9",
    "@angular/forms": "~9.0.0-rc.9",
    "@angular/platform-browser": "~9.0.0-rc.9",
    "@angular/platform-browser-dynamic": "~9.0.0-rc.9",
    "@angular/router": "~9.0.0-rc.9",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2",
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.0-rc.10",
    "@angular/cli": "~9.0.0-rc.10",
    "@angular/compiler-cli": "~9.0.0-rc.9",
    "@angular/language-service": "~9.0.0-rc.9",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.2",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "~3.7.4"
  }

Answer 1

[我刚刚意识到，在configurations文件中的angular.json中，我使用了build config进行了服务配置。构建配置将sourceMap设置为false。

我已更改为true，并且运行正常。