Как сгенерировать файл.angular-cli.json в Angular Cli?

Я установил пакет Angular CLI отдельно, используя npm:

npm install --save-dev @angular/[email protected]

Когда я пытаюсь использовать команды cli, я получаю сообщение об ошибке:

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

Как создать .angular-cli.json для текущего проекта?

Ответ 1

Я получил ту же ошибку в моем текущем проекте и был сбит с толку, потому что я запускаю приложение /ng в одном терминале, но получил это, когда попытался сгенерировать компонент из другого терминала. .angular-cli.json был уже там и правильный. Так что же дает?

Я понял, что использовал ярлык для открытия внутреннего терминала VisualStudio Code, который открыл терминал в корне * проекта проекта (как и большинство IDE). Проект содержит другие вещи в дополнение к папке с угловым приложением, в которой находится файл.angular-cli.json. Мне просто нужно было записать компакт-диск в нужную папку и снова запустить ng gc, и все было в порядке.

В моем случае это была просто глупая ошибка. Я думал, что вернусь, чтобы поделиться, чтобы спасти людей от настоящей головной боли для чего-то такого простого. Я вижу, что Шива упомянул об этом выше, но я подумал, что я расскажу немного подробнее, чтобы его не упускали из виду.

Ответ 2

В Angular 6 .angular-cli.json был заменен на angular.json

Для angular & lt; 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": {}
  }
}

Ответ 3

Так как угловая версия .angular-cli.json устарела. Этот файл был заменен файлом angular.json который поддерживает рабочие области.

Ответ 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

В angulae.json вы можете вставить все файлы CSS и JS в ваш шаблон. Другие способы можно использовать из Style.css в папке src для загрузки таблиц стилей.

@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 не может быть создан с помощью команды, такой как файл блокировки пакетов. Если вы хотите ее создать, вам нужно сделать это вручную.

  1. Вы можете ввести ng new для создания нового углового проекта

  2. Найдите файл.angular-cli.json

  3. Скопировать весь контент

  4. Создайте папку в исходном проекте и назовите ее.angular-cli.json

  5. Вставьте то, что скопировано из нового проекта во вновь созданный файл углового cli оригинального проекта.

  6. Найдите эту строку в созданном угловом файле cli и измените поле имени на оригинальное название проекта. Имя проекта можно найти в файле package.json

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

Однако в более новой угловой версии теперь он использует угловой.json вместо angular-cli.json.

Ответ 8

Если вы скопируете вставить свой проект в.angular-cli.json, вы не найдете этот файл, попытайтесь создать новый файл с тем же именем и добавьте код, и он будет работать.

Ответ 9

Я не мог видеть.angular-cli.json тоже. Потому что моя Угловая версия - 6. ng версия → Угловой CLI: 6.0.7. Проверьте свою угловую версию.