Как создать файл Angular.json - PullRequest
Новая
       6

Как создать файл Angular.json

0 голосов
/ 07 марта 2019

Мое текущее приложение было в Angular 4 без Angular CLI.Поэтому у меня никогда не было файла Angualr.json или Angular-cli.json.Теперь мы хотим сгенерировать этот Angular CLI или файл angular.json.Поскольку этот файл недоступен, он не принимает ни одну из команд ng, таких как ng serve или ng gc testing

Как создать файл без использования команды ng new, потому что ng new создаст новый проект, который я наденуне хочуЯ хочу поддержать свой существующий проект.

Несколько замечаний по моему проекту: 1. Мы запускаем несколько приложений из одной папки 2. Мы запускаем каждое приложение со страницы ASPX без использования index.html.

Пожалуйста, посмотрите скриншот с приложением ошибки и структуру папок моего проекта введите описание изображения здесь

введите описание изображения здесь

Ответы [ 2 ]

1 голос
/ 07 марта 2019

Создайте новый файл с именем '.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": {}
  }
}
0 голосов
/ 07 марта 2019

Начиная с angular> = 6 файл «.angular-cli.json» заменяется файлом «angular.json».так как ваш проект основан на Angular 4, который вы сказали, вам нужно создать файл «.angular-cli.json», а не «Angular.json».

Поскольку у вас есть готовый проект Angular 4 ивы хотите сгенерировать файловую команду (как вы упомянули выше), например: 

ng g c sample

, поэтому я предполагаю, что вы установили последнюю угловую переменную глобально.

вы можете сделать трюк.Просто создайте новый проект в другом месте и скопируйте этот файл .angular-cli.json в нужную папку проекта.после этого просто измените название проекта и другие вещи, которые соответствуют вашим потребностям.Создание файла '.angular-cli.json' в собственных руках немного утомительно и отнимает много времени, как вы знаете. А если у вас уже установлен cli, то я думаю, что нет необходимости создавать его вручную, что также может привести к ошибке компиляции.Это все, мой друг.Вы также можете использовать этот «.angular-cli.json» ниже, если хотите: 

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