无法调试 Angular 项目，缺少 .Map 文件答案

【问题标题】：Can't Debug Angular Project, Missing .Map Files无法调试 Angular 项目，缺少 .Map 文件
【发布时间】：2021-09-25 15:22:21
【问题描述】：

我们有一个无法在浏览器开发工具中调试的应用，因为我认为它缺少 .map 文件：

为了生成地图，我尝试了所有可以在网上找到的建议，但都没有奏效。最后，我创建了一个新的 Asp.Net Core Angular 项目，以便我可以将它们并排比较以找出答案。交换依赖后，我发现问题是由 package.json 中的某些内容引起的：

{
  "name": "aspnet_angular_test_app",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "build:ssr": "ng run aspnet_angular_test_app:server:dev",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "12.0.3",
    "@angular/common": "12.0.3",
    "@angular/compiler": "12.0.3",
    "@angular/core": "12.0.3",
    "@angular/forms": "12.0.3",
    "@angular/platform-browser": "12.0.3",
    "@angular/platform-browser-dynamic": "12.0.3",
    "@angular/platform-server": "12.0.3",
    "@angular/router": "12.0.3",
    "aspnet-prerendering": "^3.0.1",
    "bootstrap": "^5.0.1",
    "core-js": "^3.13.1",
    "jquery": "^3.6.0",
    "luxon": "^1.28.0",
    "oidc-client": "^1.11.5",
    "popper.js": "^1.16.0",
    "rxjs": "^6.5.3",
    "zone.js": "0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "12.0.3",
    "@angular/cli": "12.0.3",
    "@angular/compiler-cli": "12.0.3",
    "@angular/language-service": "12.0.3",
    "@types/jasmine": "~3.7.7",
    "@types/jasminewd2": "~2.0.9",
    "@types/luxon": "^1.27.1",
    "@types/node": "^14.17.0",
    "codelyzer": "^6.0.2",
    "jasmine-core": "~3.7.1",
    "jasmine-spec-reporter": "~7.0.0",
    "karma": "^6.3.3",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.3",
    "karma-jasmine": "~4.0.1",
    "karma-jasmine-html-reporter": "^1.6.0",
    "typescript": "4.2.3"
  },
  "optionalDependencies": {
    "protractor": "~7.0.0",
    "sass": "~1.34.0",
    "ts-node": "~10.0.0",
    "tslint": "^6.1.0"
  }
}

请问，如何解决？我已经尝试调整包，但似乎无法到达任何地方。

【问题讨论】：

标签： angular asp.net-core debugging browser package.json

【解决方案1】：

启动项目调试时，浏览器是否出现以下错误：

这是npm模块没有安装。

请运行npm install 安装节点模块。

官方文档：https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-5.0&tabs=visual-studio

【讨论】：

谢谢@Chaodeng，您的回复。我以前没有见过这个错误。我们可以毫无问题地运行“ng serve”命令。该应用程序运行良好，我们根本无法在 Chrome 开发工具中调试打字稿。

【解决方案2】：

花了我很长时间，但我了解到问题是由

引起的

"@angular-devkit/build-angular": "12.0.3"

当我把它切换到

"@angular-devkit/build-angular": "^0.1002.3"

它似乎工作正常。

【讨论】：