angular - 无法调试 Angular 项目，缺少 .Map 文件

Question

我们有一个无法在浏览器开发工具中调试的应用程序，因为我认为它缺少 .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"
  }
}

请问，这个怎么解决？我尝试过调整软件包，但似乎无处可去。

标签： angularasp.net-coredebuggingbrowserpackage.json

Answer 1

启动项目调试时，浏览器是否出现如下错误：</p>

这是未安装 npm 模块。

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

官方文档：<a href="https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-5.0&tabs=visual-studio" rel="nofollow noreferrer ">https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/angular?view=aspnetcore-5.0&tabs=visual-studio