【问题标题】:How to generate .angular-cli.json file in Angular Cli?如何在 Angular Cli 中生成 .angular-cli.json 文件?
【发布时间】:2017-07-20 07:18:17
【问题描述】:

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

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

当我尝试使用命令cli 时出现错误:

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

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

【问题讨论】:

  • 你试过ng new your_app 吗?确保你也安装了@angular/cli@latest 全局。
  • 我已经安装了项目,我不需要新项目
  • .angular-cli.json@angular/cli 在您从ng new 创建新项目时自动创建
  • 我创建了不使用 cli 的项目,并且在我使用 npm 安装了 cli 之后

标签: angular angular-cli


【解决方案1】:

在 Angular 6 中,.angular-cli.json 已替换为 angular.json

对于 Angular

创建一个名为“.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": {}
  }
}

【讨论】:

  • 在 Angular 6 中,.angular-cli.json 已被替换为 angular.json!希望这可以帮助其他来到这里想知道他们的配置文件去哪里的人!
  • @adam0101 是文件中的内容/节点也发生了变化。我找到了 angular.json 文件,但没有显示“应用程序”的节点?很多其他节点也发生了变化!
  • 主目录是指根目录吗?例如,{angular_project_folder}\.angular-cli.json ?像那样?第二个问题,文件名中是否需要点(。)?
  • @adam0101 我可以知道在 Angular.json 文件中哪里可以找到应用程序吗?
【解决方案2】:

因为 Angular 版本 6 .angular-cli.jsondeprecated。该文件已替换为支持工作区的angular.json 文件。

【讨论】:

    【解决方案3】:

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

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

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

    【讨论】:

      【解决方案4】:

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

      【讨论】:

        【解决方案5】:

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

        它是安装在windows下尝试在c盘搜索angular.json你会看到文件

        【讨论】:

        • 您能进一步解释一下吗?查看该特定文件后应该做什么?这如何解决问题?
        【解决方案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";
        

        【讨论】:

          【解决方案7】:

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

          【讨论】:

          • 因为 angular 6 angular-cli.json 已被弃用,取而代之的是 angular.json
          【解决方案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。

          【讨论】:

            【解决方案9】:

            如果您将项目复制粘贴到 .angular-cli.json 中,您将找不到此文件尝试创建一个具有相同名称的新文件并添加代码,它会起作用。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2017-07-12
              • 2018-04-15
              • 2017-10-05
              • 2018-06-16
              • 1970-01-01
              • 1970-01-01
              • 2018-12-12
              • 1970-01-01
              相关资源
              最近更新 更多