Угловая 6 Миграция-angular-cli.json в angular.json

Question

Я обновил свой проект до Angular 6, и все прошло нормально, кроме преобразования файла .angular-cli.json. Из руководства, которому я следовал, было сказано, что это преобразует его автоматически.

npm install -g @ angular / cli

npm install @ angular / cli

ng update @ angular / cli

Однако это был не тот случай, так как у меня все еще есть старый .angular-cli.json

Есть ли способ сделать это автоматически / вручную?

Answer 1

В СЛУЧАЕ:
Локальный файл рабочей области ('angular.json') не найден.
OR
Команда serve должна выполняться в проекте Angular, но определение проекта не найдено.

Обновление / понижение до желаемой версии (я пробовал Angular 6, например)

[sudo] npm install -g -f @angular/cli@6.1.4

Обновление локального проекта

ng update @angular/cli@6.1.4

И ты в порядке:)

ng serve

Answer 2

Пожалуйста, выполните следующие действия:

1) Обновите Angular CLI глобально и локально (при условии, что последняя версия 7)

2) Возьмите свой старый проект и выполните следующую команду

• npm install @ angular / cli
• ng update @ angular / cli

После запуска вы обновили все ваши угловые пакеты до последней версии.

3) Добавить этот пакет, так как он все еще отсутствует

npm install @ angular-devkit / core --save -dev

4) создать новый новый проект с помощью ng serve (последняя версия)

5) Создайте новый пустой файл с именем angular.json и скопируйте в него содержимое angular.json из нового проекта.

6) Обновите название проекта соответственно в angular.json

7) Запустите npm install

8) Запустить нг подачу

9) Теперь вы готовы к использованию последней версии angular.

Я выполнил описанные выше шаги для перехода от angular2 к angular7.

Answer 3

Для обновления версии с 5.2 до 6.0 я выполнил следующие действия.

• Установите узел 8 или выше.
• глобальная пряжа add @ angular / cli.
• пряжа добавить @ угловой / cli.
• ng update @ angular / cli.

• ng update @ angular / core.

  Примечание: если после выполнения команды ng update @ angular / core возникнет проблема недопустимый диапазон , следуйте приведенным ниже инструкциям, просто замените major version in package.json, он автоматически заменит младший. Ресурс: Хотите обновить проект с Angular v5 до Angular v6

    - npm uninstall -g angular-cli
    - npm cache clean or npm cache verify
    - npm install -g @angular/cli@next
    - then, replace lower versions to higher versions in package.json 
      file.
    - delete node modules folder.
    - run npm/yarn install.
  

После npm установить , если вы получите ошибку пропущенного пути src / styles, а затем удалите пути, указанные в файле angular.json в блоке assets, из ["src / styles", "src / fonts" , "src / images", "src / assets", "src / favicon.ico"] в ["assets", "favicon.ico"].

• yarn global add rxjs-tslint (может потребоваться).
• rxjs-5-to-6-migrate -p src / tsconfig.app.json (может потребоваться).
• yarn install @ angular / material @ 6.0.0 (для обновления пакетов материалов).

=> Обратите внимание: вам никогда не нужно переименовывать angular.cli.json в angular.json вручную !!

** не стесняйтесь спрашивать, если возникнут дополнительные вопросы.

Answer 4

Попробуйте дважды запустить " ng update @ angular / cli " он будет обновлять angular-cli.json до angular.json

UPDATE:

если получаю такие ошибки:

ОШИБКА: указанное обновление команды недопустимо, доступные параметры см. нг-помощь.

тогда вам нужно выполнить 2 команды следующим образом

1. npm install --save-dev @ angular / cli @ latest.
2. ng update @ angular / cli

это автоматически создаст angular.json, удалит .angular-cli.json и обновит karma.conf.js, src / tsconfig.spec.json, package.json и tslint.json

Answer 5

вы можете автоматически обновить существующий файл angular-cli.json в файл angular.json с помощью приведенной ниже команды при условии, что вы используете инструмент командной строки angular cli версии v6.x.x или выше.

ng update @angular/cli --from=1.7.4 --migrate-only

В приведенной выше команде 1.7.4 - это предыдущая версия cli, которую вы использовали. Флаг --migrate-only гарантирует, что он только выполнит миграцию, но не обновит установленную версию.

Подробнее: угловой / cli-github

Answer 6

Скорее всего, были ошибки в одной из этих команд. Мне пришлось сначала запустить npm install -g @angular-devkit/core, а затем выполнить команды:

npm install -g @angular/cli

npm install @angular/cli

В выводе консоли npm install @angular/cli вы должны увидеть:

================================================================================
The Angular CLI configuration format has been changed, and your existing configuration can
be updated automatically by running the following command:

  ng update @angular/cli
================================================================================

Тогда вам, очевидно, следует запустить ng update @angular/cli, чтобы завершить процесс.

Дополнительные сведения см. В Официальном руководстве по обновлению .