Angular CLI 1.7.4未生成angular-cli.json文件问题求助

别着急，咱们一步步排查解决：

1. 先检查是不是隐藏文件没显示 #

Angular CLI 1.7.x版本创建项目时，生成的配置文件是带点前缀的.angular-cli.json（不是不带点的angular-cli.json），在Windows系统下默认是隐藏状态。你可以：

• 打开项目根目录的资源管理器
• 点击顶部「查看」选项卡
• 勾选「隐藏的项目」选项
• 现在应该就能看到.angular-cli.json文件了

2. 如果还是没有，分步骤重新创建并配置PWA #

有时候直接用ng new --service-worker可能因为网络或依赖安装异常导致配置文件生成失败，你可以拆分操作：

• 第一步，创建基础Angular项目：

  ng new pwaapp
  

• 进入项目目录：

  cd pwaapp
  

• 安装对应版本的Service Worker依赖：

  npm install @angular/service-worker@5.2.10 --save
  

• 启用Service Worker配置：

  ng set apps.0.serviceWorker=true
  

  执行完这个命令后，.angular-cli.json文件会自动生成（如果之前缺失），同时会在文件中添加PWA相关配置项。

3. 极端情况：手动创建配置文件 #

如果以上步骤都没生成.angular-cli.json，你可以手动在项目根目录创建这个文件，内容参考同版本Angular项目的标准模板：

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "pwaapp"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "serviceWorker": true,
      "styles": [
        "styles.css"
      ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json"
    },
    {
      "project": "src/tsconfig.spec.json"
    },
    {
      "project": "e2e/tsconfig.e2e.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

创建保存后，重新执行npm install确保依赖正常加载即可。

内容的提问来源于stack exchange，提问作者andhrew_