如何在 Angular Cli 中生成 .angular-cli.json 文件？

Question

我已经使用 npm 单独安装了 Angular CLI 包：

npm install --save-dev @angular/cli@latest

当我尝试使用命令cli ，出现错误：

Unable to find any apps in `.angular-cli.json`.

如何为当前项目生成.angular-cli.json ？

Answer 1

在 Angular 6 中， .angular-cli.json已被angular.json替换

对于 Angular < 6：

创建一个名为“ .angular-cli.json ”的新文件并将此文件添加到您的主目录中。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "my-app"
  },
  "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",
      "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",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

Answer 2

由于 Angular 版本 6 .angular-cli.json已弃用。 该文件已替换为支持工作区的angular.json文件。

Answer 3

我在当前项目中遇到了同样的错误并且很困惑，因为我在一个终端中运行应用程序/ng serve，但是当我尝试从另一个终端生成组件时遇到了这个错误。 .angular-cli.json已经存在并且是正确的。 那么什么给呢？

我意识到我使用了快捷方式来打开 VisualStudio Code 的内部终端——这将终端打开到项目的 *root *（像大多数 IDE 一样）。 除了包含 .angular-cli.json 文件的 Angular 应用程序文件夹之外，该项目还包含其他内容。 我只需要 cd 到正确的文件夹并再次运行ng gc ，一切都很好。

就我而言，这只是一个愚蠢的错误。 我想我会回来分享，以便让人们为这么简单的事情省去真正的头痛。 我看到 Shiva 实际上已经在上面提到了这一点，但我想我会提供更多细节，以免被忽视。

Answer 4

您就在您正在工作的目录之外。 进入您的项目所在的目录并运行命令ng gc name 。

Answer 5

我发现类似的错误位于C:\\Users\\sony\\AppData\\Roaming\\npm\\node_modules\\@angular\\cli\\node_modules\\@schematics\\angular\\workspace\\files

它安装在 Windows 中尝试在 c 驱动器中搜索angular.json您将查看该文件

Answer 6

在angular.json您可以在模板中插入所有 css 和 js 文件。 其他方式，您可以使用 src 文件夹中的 Style.css 加载样式表。

@import "../src/fonts/font-awesome/css/font-awesome.min.css";
@import "../src/css/bootstrap.min.css";
@import "../src/css/now-ui-kit.css";
@import "../src/css/plugins/owl.carousel.css";
@import "../src/css/plugins/owl.theme.default.min.css";
@import "../src/css/main.css";

Answer 7

我也看不到 .angular-cli.json 。 因为我的 Angular 版本是 6. ng 版本 -> Angular CLI : 6.0.7。 检查您的 Angular 版本。

Answer 8

据我所知，Angular-cli 文件无法通过 Package-lock 文件之类的命令创建，如果要创建它，则必须手动创建。

1. 你可以输入 ng new 创建一个新的 angular 项目

2. 找到它的 .angular-cli.json 文件

3. 复制其所有内容

4. 在原始项目中创建一个文件夹，并将其命名为 .angular-cli.json

5. 将从新项目复制的内容粘贴到原始项目新创建的 angular cli 文件中。

6. 在您创建的 angular cli 文件中找到这一行，并将名称字段更改为原始项目的名称。 您可以在 package.json 文件中找到项目名称

project": { "name": "<name of the project>" },

但是，在较新的 angular 版本中，它现在使用 angular.json 而不是 angular-cli.json。

Answer 9

如果你复制粘贴你的项目 .angular-cli.json 你不会找到这个文件尝试创建一个具有相同名称的新文件并添加代码，它会工作。