angular - Angular Chrome Dev Tools 扩展错误：“Angular DevTools 仅支持开发构建。”

Question

我正在尝试使用 Angular DevTools for Chrome Extension 调试 Angular 应用程序，但是当我尝试使用它时出现错误：

我们检测到使用生产配置构建的应用程序。Angular DevTools 仅支持开发构建。

我可以将项目恢复到开发模式吗？

标签： angulargoogle-chromegoogle-chrome-extension

Answer 1

您可能缺少应用程序的开发配置。

在您的 angular.json 中导航到architect-> build->configurations并在生产构建的定义下方添加这些行：

"configurations": {
  "production": {
    // already there!
  },
  "development": { // this is new!
    "buildOptimizer": false,
    "optimization": false,
    "vendorChunk": true,
    "extractLicenses": false,
    "sourceMap": true,
    "namedChunks": true
  }
},
"defaultConfiguration": "production"

要在开发模式下运行构建，只需键入下一个命令：ng build --configuration development.