Angular6项目报错：无法在.angular-cli.json中找到应用

问题原因 #

Angular 6正式将项目配置文件从旧的.angular-cli.json替换成了angular.json，你项目里的package.json也明确使用了@angular/cli@6.0.3，版本是完全匹配的。报错的核心原因是IntelliJ IDE没有正确识别Angular 6的新配置文件规则，具体可能是以下几点：

• IDE默认仍在查找旧的.angular-cli.json文件
• 全局Angular CLI版本与项目本地版本不一致，导致IDE关联错误
• IDE缓存或插件版本过低，无法兼容Angular 6的配置格式

解决步骤 #

1. 先验证项目本身的可运行性 #

先抛开IDE，用命令行确认项目能正常启动，排除代码或配置本身的问题：

• 进入项目根目录，执行npm install确保依赖安装完整
• 运行npm run start（对应你package.json里的start脚本），如果项目能正常启动，说明问题完全在IDE端

2. 配置IntelliJ使用项目本地的Angular CLI #

全局CLI版本可能和项目不匹配，导致IDE识别错误：

• 打开IntelliJ的设置（Windows/Linux：File > Settings；Mac：IntelliJ IDEA > Preferences）
• 导航到Languages & Frameworks > Angular CLI
• 在Angular CLI path中，选择项目根目录下的node_modules/@angular/cli，确保IDE使用的是项目本地的6.x版本CLI
• 点击Apply保存配置

3. 修复IDE的配置文件识别问题 #

如果IDE还是找不到配置文件，试试清除缓存或重新标记项目根：

• 右键项目根目录，选择Mark Directory as > Project Root，确保IDE正确识别项目结构
• 执行File > Invalidate Caches...，选择Invalidate and Restart，清除IDE缓存后重启

4. 更新IntelliJ的Angular插件 #

旧版本的Angular插件可能不支持Angular 6的angular.json：

• 打开Settings > Plugins，找到Angular插件
• 点击Update（如果有更新提示），安装完成后重启IDE

5. 确认angular.json的配置正确性 #

最后检查项目的angular.json，确保projects节点下存在你的应用配置（你的项目name是ui），示例结构如下：

"projects": {
  "ui": {
    "root": "",
    "sourceRoot": "src",
    "projectType": "application",
    "prefix": "app",
    "schematics": {},
    "architect": {
      "build": {...},
      "serve": {...}
    }
  }
}

总结 #

大部分情况下，只要指定IDE使用项目本地的Angular CLI，再清除一下IDE缓存就能解决这个问题。我之前遇到类似情况就是这么搞定的，你可以按步骤逐一排查~

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