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

7 回答

• 48

  我在当前项目中遇到了同样的错误并且因为我在一个终端中运行application / ng服务而感到困惑，但是当我尝试从另一个终端生成组件时得到了这个错误 . .angular-cli.json已经存在且正确无误 . 什么赋予了什么？

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

  就我而言，这只是一个愚蠢的错误 . 我以为我会回来分享，以便为一些如此简单的事情让人们感到头疼 . 我看到Shiva实际上已经在上面提到了这一点，但我想我会给出更多细节，所以它不会被忽视 .

  回复于 2024-04-30T15:22:26+08:00
• 0

  在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": {}
    }
  }
  

  回复于 2024-04-30T15:22:26+08:00
• 23

  由于Angular版本6 .angular-cli.json 是deprecated . 该文件被支持工作空间的 angular.json 文件替换 .

  回复于 2024-04-30T15:22:26+08:00
• 0

  您就在您工作的目录之外 . 进入项目所在的目录并运行命令“ng g c name” .

  回复于 2024-04-30T15:22:26+08:00
• 7

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

  回复于 2024-04-30T15:22:26+08:00
• 0

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

  回复于 2024-04-30T15:22:26+08:00
• 5

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

  • 您可以键入ng new来创建新的角度项目

  • 找到其.angular-cli.json文件

  • 复制其所有内容

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

  • 在原始项目的新创建的角度cli文件中粘贴从新项目复制的内容 .

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

  项目“：{
  “name”：“<项目名称>”
  }，

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

  回复于 2024-04-30T15:22:26+08:00