1

我目前正在使用最新版本的 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"
  }
4

2 回答 2

0

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

我已更改为 true，并且运行良好。

于 2020-02-06T13:56:06.527 回答
0

我发现以下为我工作。

更改 angular.json 文件并添加以下配置，看看您在文件中右侧缩进的正确路径上插入了配置：

  "projects": {
    "yourprojectname": {
      ...
      "architect": {
        "build": {
          "configurations": {
            "production": {
            ...
            },
            "development": {
              "buildOptimizer": false,
              "optimization": false,
              "vendorChunk": true,
              "extractLicenses": false,
              "sourceMap": true,
              "namedChunks": true
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "yourprojectname:build",
            ...
          },
          "configurations": {
            "production": {
              "browserTarget": "yourprojectname:build:production"
            },
            "development": {
              "browserTarget": "yourprojectname:build:development"
            }
          },
          "defaultConfiguration": "development"
        },
        ...
        ...
        ...
       }
     }
   }

我希望它能让事情更清楚。

于 2021-12-05T00:43:13.297 回答