Angular 在开发人员配置中打开源映射代码时出现问题

对不起，我是个乞丐。我尝试在chrome中将我的应用程序配置为我的机器上的简单调试应用程序，但我的typescript代码不是作为源映射代码生成的。 我运行我的应用程序 package.json 脚本：

ng serve--configuration=dev--source map=true

angular.json

"configurations": {
    "dev": {
                  "optimization": false,
                  "outputHashing": "none",
                  "sourceMap": true,
                  "extractCss": false,
                  "namedChunks": true,
                  "aot": false,
                  "extractLicenses": false,
                  "vendorChunk": true,
                  "buildOptimizer": false
    }
}

{
  "compileOnSave": false,
  "compilerOptions": {
    "importHelpers": true,
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ],
    "module": "es2015",
    "baseUrl": "./"
  }
}

tsconfig.json

"configurations": {
    "dev": {
                  "optimization": false,
                  "outputHashing": "none",
                  "sourceMap": true,
                  "extractCss": false,
                  "namedChunks": true,
                  "aot": false,
                  "extractLicenses": false,
                  "vendorChunk": true,
                  "buildOptimizer": false
    }
}

{
  "compileOnSave": false,
  "compilerOptions": {
    "importHelpers": true,
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ],
    "module": "es2015",
    "baseUrl": "./"
  }
}

---

我缺少什么？

默认情况下，当我们使用ng serve运行应用程序时，它会生成源映射。您是否尝试使用cmd+p并搜索您的文件名？ng serve应该足够了你是说在DevTools->Sources上按ctrl+p键吗？如果我在那里寻找它，那里只有css文件是的..只要开始键入组件名称…你必须能够看到没有。。什么都没有