Wersja Global Angular CLI większa niż wersja lokalna

Podczas działania ng servepojawia się ostrzeżenie o tym, że moja globalna wersja CLI jest większa niż moja wersja lokalna. Nie widzę żadnych problemów z tym ostrzeżeniem, ale zastanawiałem się, czy te dwie wersje powinny być zsynchronizowane? Ponadto, czy musisz mieć wersję lokalną, jeśli masz wersję globalną?

Ostrzeżenie:

Twoja globalna wersja Angular CLI (1.1.1) jest większa niż wersja lokalna (1.0.6). Używana jest lokalna wersja Angular CLI.

Aby odpowiedzieć na jedno z pytań, konieczna jest globalna i lokalna instalacja narzędzi.

Jeśli spróbujesz uruchomić ng serveaplikację bez lokalnej instalacji CLI (tylko instalacja globalna), pojawi się następujący błąd.

Musisz być w projekcie Angular CLI, aby użyć polecenia serv.

Wydrukuje również tę wiadomość:

Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"

Uruchom to npmpolecenie, aby zaktualizować CLI lokalnie i unikaj ostrzeżeń.

Inne pytanie: wygląda na to, że nie muszą być zsynchronizowane, ale prawdopodobnie najlepiej, aby były w celu uniknięcia jakichkolwiek nietypowych zachowań w narzędziu lub jakichkolwiek niezgodności z kodem generowanym przez narzędzie.

Dlaczego potrzebujemy zarówno instalacji globalnej, jak i instalacji lokalnej?

Instalacja globalna jest potrzebna do uruchomienia nowej aplikacji. ng new <app-name>Polecenie jest uruchamiane za pomocą globalnej instalację CLI. W rzeczywistości, jeśli spróbujesz uruchomić ng neww strukturze folderów istniejącej aplikacji CLI, pojawi się ten piękny błąd:

Nie można użyć newpolecenia w projekcie Angular CLI.

Inne polecenia, które mogą być uruchamiane z globalnym zainstalować są ng help, ng get/setz --globalopcją, ng version, ng doc, i ng completion.

Lokalna instalacja interfejsu CLI jest używana po skompilowaniu aplikacji. W ten sposób, gdy dostępne będą nowe wersje interfejsu CLI, możesz zaktualizować swoją instalację globalną i nie wpływać na instalację lokalną. Jest to dobre dla stabilności projektu. Większość ngpoleceń sens tylko z lokalnej wersji, jak lint, buildi serve, etc.

Zgodnie z plikiem Readme GitHub interfejsu CLI , aby zaktualizować interfejs CLI, należy zaktualizować pakiet globalny i lokalny. Korzystałem jednak z interfejsu CLI, w którym wersja globalna i lokalna różnią się do tej pory bez żadnych problemów. Jeśli kiedykolwiek napotkam błąd związany z brakiem synchronizacji globalnej i lokalnej wersji interfejsu CLI, opublikuję to tutaj.

W ten sposób rozwiązałem problem.

Skopiuj i uruchom te polecenia

ng --version
npm install --save-dev @angular/cli@latest
ng --version

To działa dla mnie: zaktualizuje wersję lokalną do najnowszej

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install

zweryfikować wersję

  ng --version

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest

Następnie w pakiecie projektu lokalnego:

rm -rf node_modules dist 
npm install --save-dev @angular/cli@latest
npm i 
ng update @angular/cli 
ng update @angular/core
npm install --save-dev @angular-devkit/build-angular

Występował błąd Błąd: Nieoczekiwany koniec wejścia JSON Nieoczekiwany koniec wejścia JSON Powyższe kroki pomogły w tym wpisie Nie można zaktualizować kątowej do wersji 6

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest

Istniejącą konfigurację można zaktualizować automatycznie, uruchamiając następujące polecenie:

ng update @angular/cli

lub:

npm install

W moim przypadku użyłem tego polecenia do projektu:

ng update @angular/cli

Uruchom następujące polecenie: npm install --save-dev @angular/cli@latest

Po uruchomieniu powyższego polecenia konsola może wyskoczyć poniższy komunikat

Format konfiguracji Angular CLI został zmieniony, a istniejącą konfigurację można zaktualizować automatycznie, uruchamiając następującą komendę: ng update @ angular / cli

Nie mówię biegle po angielsku

ale jeśli rozumiem problem, to czy lokalnie w projekcie masz starszą wersję interfejsu CLI niż globalnie?

Czy chciałbyś użyć tego globalnego nowszego zamiast lokalnego starszego?

Jeśli tak, wystarczy bardzo prosta metoda do uruchomienia w katalogu projektu npm link @angular/cli

więcej w temacie na stronie: https://docs.npmjs.com/cli/link

Najpierw sprawdź globalną wersję angular-cli, uruchamiając

ng --version

Powyższy kod pokazuje, która wersja jest globalną i lokalną wersją angli-cli.

Jeśli chcesz, aby globalny i lokalny kątowy cli był taki sam, możesz to zrobić

npm install --save-dev @angular/cli@1.7.4

gdzie 1.7.4 jest Twoją globalną wersją angli-cli

Jeśli uruchomisz, ng serve --opentwój kod powinien się uruchomić.

Musisz tylko zaktualizować AngularCli

npm install --save-dev @angular/cli@latest

Zaktualizuj Angular CLI dla obszaru roboczego (lokalny)

npm install --save -dev @angular/cli@latest

Uwaga: Upewnij się, że zainstalujesz wersję globalną za pomocą polecenia z „-g”, jeśli zostało poprawnie zainstalowane.

npm install -g @angular/cli@latest

Uruchom polecenie Aktualizuj, aby uzyskać listę wszystkich zależności wymaganych do aktualizacji

ng update

Następnie uruchom polecenie aktualizacji jak poniżej dla każdego pakietu podstawowego Angular

ng update @angular/cli @angular/core

Musiałem jednak dodać dodatkowo polecenia „–force” i „–allow-dirty”, aby naprawić wszystkie pozostałe problemy.

ng update @angular/cli @angular/core --allow-dirty --force

to powinno rozwiązać problem:

ng update @angular/cli @angular/core

Po prostu rób te rzeczy

npm install --save-dev @angular/cli@latest
npm audit fix
npm audit fix --force

npm install --save-dev @ angular-devkit / build-angular - pomógł zaktualizować @ angular / cli -> stworzył angular.json i inne aktualizacje.

Zbieranie zainstalowanych zależności ... Znaleziono 58 zależności.

 ** Executing migrations for package '@angular/cli' **
            Updating karma configuration
            Updating configuration
            Removing old config file (.angular-cli.json)
            Writing config file (angular.json)
            Some configuration options have been changed, please make sure to update any  npm scripts which you may have modified. DELETE .angular-cli.json CREATE angular.json (4394 bytes) CREATE browserslist (429 bytes) UPDATE karma.conf.js (993 bytes) UPDATE public/tsconfig.spec.json (295 bytes) UPDATE package.json (2618 bytes) UPDATE tsconfig.json (437 bytes) UPDATE tslint.json (3135 bytes) UPDATE public/polyfills.ts (587 bytes) UPDATE public/tsconfig.app.json (199 bytes) npm WARN @angular/core@5.2.9 requires a peer of zone.js@^0.8.4 but none is installed. You must install peer dependencies yourself.

Usuń bieżący kąt i zainstaluj konkretną wersję.

1. Sprawdź wersję

   ng --version

2. jeśli nie jest to wymagane, odinstaluj wersję

   npm odinstaluj -g @ angular / cli

3. jeśli npm vesrion <5.x

   czyszczenie pamięci podręcznej npm

4. Sprawdź pamięć podręczną

   weryfikacja pamięci podręcznej npm

5. Zainstaluj konkretną wersję

   npm install -g @ angular / cli @ major.minor.patch