Новый Angular сайт с новейшей Angular версией

Question

Я некоторое время работал над веб-сайтом Angular 8, и теперь я собираюсь запустить новый веб-сайт и хочу убедиться, что использую самую последнюю доступную версию Angular, но когда я используйте CLI для создания нового веб-сайта, он, кажется, делает это в сочетании 8 и 10. Я продолжаю видеть это сообщение об ошибке, когда пытаюсь создать новый веб-сайт: Ваша глобальная Angular версия CLI (10.0.2) больше, чем ваша локальная версия (8.3.22). Используется локальная версия Angular CLI.

Что я могу сделать, чтобы получить все на версии 10?

Это результат "ng --version"

Your global Angular CLI version (10.0.2) is greater than your local
version (8.3.22). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 8.3.22
Node: 12.14.1
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.803.22
@angular-devkit/core         8.3.22
@angular-devkit/schematics   8.3.22
@angular/cli                 8.3.22
@schematics/angular          8.3.22
@schematics/update           0.803.22
rxjs                         6.4.0

Если я выйду прямо из папки, в которой я хочу создать свой проект, я получу это при запуске ng --version

Angular CLI: 10.0.2
Node: 12.14.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1000.2
@angular-devkit/core         10.0.2
@angular-devkit/schematics   10.0.2
@schematics/angular          10.0.2
@schematics/update           0.1000.2
rxjs                         6.5.5

Answer 1

Благодаря этому сообщению я решил проблему.

Почему npm устанавливает локальные пакеты в мой домашний каталог?

Оказывается, я ранее установленные пакеты в мой домашний каталог. Как только я удалил модули узлов и файл package-lock. json из C: \ Users \ MyUsername, все начало вести себя так, как ожидалось! Спасибо за помощь

Answer 2

Если вы работаете на том же веб-сайте Angular 8, но обновили только интерфейс командной строки до версии 10, вы можете столкнуться с этой проблемой. Вам необходимо обновить текущую локальную версию вашего проекта, используя

ng update @angular/core @angular/cli

. Если вы пытаетесь создать новый проект, у вас не должно возникнуть никаких проблем. Но в случае, если проблема все еще возникает, лучший способ - удалить cli и установить снова.

для удаления:

npm uninstall -g @angular/cli
npm cache clean --force

Обновить Node до последняя версия

Переустановите angular Cli

npm install -g @angular/cli@latest

, а затем попробуйте создать новый проект

Обратите внимание, что -g важно, в настоящее время , при установке последней Angular CLI вы могли пропустить -g (означает глобальный)

Answer 3

На самом деле это очень просто ..

сначала проверьте, какая версия у вас установлена ​​глобально, набрав следующую команду

npm list -g --depth=0

убедитесь, что у вас angular 10.xx, но если нет затем удалите старую версию angular cli и переустановите ее глобально, используя следующую команду

npm install -g @angular/cli

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

ng new "your app name"

позже переместите папку src в новый проект, который вы только что создали, и запустите

ng serve

удачи!

Answer 4

Для глобального Сначала удалите Angular CLI глобально с помощью команды

npm uninstall -g angular-cli

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

npm install -g @angular/cli

, если хотите чтобы сделать это локально (в одном проекте), выполните ту же команду в папке проекта без -g.