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

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

npm install -g @angular/cli

npm install @angular/cli

ng update @angular/cli

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

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

Ответ 1

Скорее всего, в одной из этих команд были ошибки. Для меня мне пришлось npm install -g @angular-devkit/core запустить 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 чтобы завершить процесс.

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

Ответ 2

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

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

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

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

Ответ 3

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

UPDATE:

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

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

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

  1. Установка npm --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

enter image description here

Ответ 4

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

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

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

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

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

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

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

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

Ответ 5

Выполните следующие действия:

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

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

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

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

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

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

4) создать новый новый проект с ng-службой (последняя версия)

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

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

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

8) Запустите команду

9) Теперь вы готовы с последней версией углового.

Я выполнил вышеуказанные шаги, чтобы перейти от углового2 к угловому7.

Ответ 6

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

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

[sudo] npm install -g -f @angular/[email protected]

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

ng update @angular/[email protected]

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

ng serve

Ответ 7

Я должен был на самом деле зафиксировать все изменения или спрятать их, прежде чем смог запустить команду для обновления cli, как показано на этом скриншоте.

Я сделал эти команды:

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

ng [email protected]/cli

И совершать изменения между этими двумя. Ng serve