Angular 6 właśnie został wydany.

Https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4

Oto, co zadziałało w jednym z moich mniejszych projektów

1. npm install-g @angular/cli
2. npm install @angular / cli
3. ng update @angular / cli --migrate-only --from=1.7.0
4. ng update @ angular / core
5. npm install rxjs-compat
6. ng serve

Być może będziesz musiał zaktualizować swoje skrypty run w paczka.json Dla np. jeśli używasz FLAG takich jak " app " i " environment" Zostały one zaktualizowane odpowiednio do "projektu" i "konfiguracji".

Refer https://update.angular.io / dla bardziej szczegółowego przewodnika.

Po prostu skorzystaj z oficjalnego przewodnika aktualizacji, który powie Ci, co musisz zrobić dla własnych potrzeb:

Https://update.angular.io/

Sprawdź krok po kroku Uaktualnij szczegóły z kątowego 5 do kątowego 6. Zawierają one szczegółowe informacje na temat problemów napotkanych podczas aktualizacji i sposobów ich rozwiązywania.

• zaktualizuj swoją wersję węzła do wersji 8 lub wyższej i zainstaluj najnowszą wersję Angular cli globalnie przez npm i-g @angular/cli@latest.
• Angular 6 używa angular.json jako plik konfiguracyjny zamiast .anguar-cli.json. Również tslint został zmieniony. Sprawdź https://github.com/angular/angular-cli/wiki/angular-workspace na najnowsze szczegóły konfiguracji. Musisz przenieść dowolny z istniejących konfiguracja do nowego pliku konfiguracyjnego.
• aby to zrobić stwórz inny atrapa projektu z najnowszym cli przy użyciu nowego "twojego-projektu" i tego samego wartości domyślne, takie jak prefiks, styl itp. użyte wcześniej w projekcie. Utwórz nowy projekt z cli https://github.com/angular/angular-cli/wiki/new
• użycie https://update.angular.io / aby sprawdzić, co zostało zmienione z twojego aktualna wersja Angular → Kątowa 6 Zapewnia korzystanie z jak Zmień/napraw je.
• wykonaj powyższe kroki i skopiuj/zaktualizuj kanciaste.plik json utworzony w Kroku 2. Czy npm i w Twoim projekcie, aby uzyskać wszystkie zależności i czy npm update
• teraz nadchodzi duża część. RxJS ulepszanie i rozwiązywanie konfliktów. RxJS ustandaryzował import operatorów i obserwowalnych twórców z tej wersji. Do npm i-g rxjs-tslint i dodaj poniżej konfigurację lint w tslint.json

{
  "rulesDirectory": [
    "node_modules/rxjs-tslint"
  ],
  "rules": {
    "rxjs-collapse-imports": true,
    "rxjs-pipeable-operators-only": true,
    "rxjs-no-static-observable-methods": true,
    "rxjs-proper-imports": true
  }
}

• Teraz uruchom ng lint -- fix. Naprawia to kilka elementów, ale większość pozostałych problemów zostanie podświetlona i musisz to naprawić ręcznie.

Zmiana nazwy operatorów:

do -> tap, 
catch -> catchError, 
switch -> switchAll, 
finally -> finalize

Wszystkie operatory przeniesione do rxjs / operatory

import { map, filter, reduce } from 'rxjs/operators';

Obserwowalne metody tworzenia są przenoszone do rxjs

   import { Observable, Subject, of, from } from 'rxjs'; 

Wszystko gotowe. Witaj na Angular 6:) Sprawdź mój wpis na blogu tutaj, jak uaktualnić

W tym celu trzeba było uruchomić ponownie ng update @angular/cli dla angular-cli.json do zmiany na angular.json

Jak zauważył Vinay Kumar, nie zaktualizuje globalnego zainstalowanego Angular CLI. Aby zaktualizować go globalnie, wystarczy użyć następujących poleceń:

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

Uwaga Jeśli chcesz zaktualizować istniejący projekt musisz zmodyfikować istniejący projekt, powinieneś zmienić Pakiet.json wewnątrz twojego projektu.

Nie ma żadnych przełomowych zmian w samym Angular, ale są one w RxJS, więc nie zapomnij użyć biblioteki rxjs-compat do pracy ze starszym kodem.

  npm install --save rxjs-compat  

Napisałem dobry artykuł o instalacja / aktualizacja Cli http://bmnteam.com/angular-cli-installation/

Proszę uruchomić poniższe komentarze, aby zaktualizować do Angular 6 z Angular 5

1. ng update @ angular / cli
2. ng update @ angular / core
3. npm install rxjs-compat (w celu obsługi starszej wersji rxjs 5.6)
4. npm install-g rxjs-tslint (aby zmienić format rxjs 5 na rxjs 6 w kodzie. Zainstaluj globalnie wtedy tylko będzie działać)
5. rxjs-5-to-6-migrate-P src / tsconfig.app.json (po instalacji musimy zmienić go w naszym kodzie źródłowym na rxjs6 format)
6. npm uninstall rxjs-compat (Remove this finally)

kompletny przewodnik

-----------------z angular-cli--------------------------

1. Aktualizacja CLI globalnie i lokalnie

1. Używanie NPM (upewnij się, że masz wersję węzła 8+ )

   npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest npm i @angular/cli --save

2. Używając Przędzy

   yarn remove @angular/cli yarn global add @angular/cli yarn add @angular/cli

2.Update dependencies

ng update @angular/cli
ng update @angular/core
ng update @angular/material
ng update rxjs

Angular 6 teraz zależy od TypeScript 2.7 i RxJS 6

Normalnie oznacza to, że musisz zaktualizować swój kod wszędzie import RxJS i operatorów są używane, ale na szczęście jest pakiet, który zajmuje się większością ciężkich podnoszenia: {]}

npm i -g rxjs-tslint 

//or using yarn

yarn global add rxjs-tslint

Następnie możesz uruchomić rxjs-5-do-6-migrate

rxjs-5-to-6-migrate -p src/tsconfig.app.json

Wreszcie usunąć rxjs-compat

npm uninstall rxjs-compat

// or using Yarn

yarn remove rxjs-compat

Zobacz ten link https://alligator.io/angular/angular-6/

-------------------Bez angular-cli-------------------------

Więc musisz ręcznie zaktualizować swój plik package.json.

Then run

 npm update
 npm install --save rxjs-compat
 npm i -g rxjs-tslint
 rxjs-5-to-6-migrate -p src/tsconfig.app.json

Tak to działa.

Moje Otoczenie:

Angular Cli Global : 6.0.0, Local: 1.7.4, Angular: 5.2, Typescript 2.5.3

Uwaga: aby włączyć ng Update musisz najpierw zainstalować Angular CLI 6.0 npm install -g @angular/cli or npm install @angular/cli

1. ng update //update Angular Package core/common/complier... to 6.0.0

2. ng update @angular/cli //change angular-cli.json to angular.json

Opcjonalnie jeśli masz angular-material 5.4.2, ngx-translate 9.1.1, ng-bootstrap/ng-bootstrap 1.1.1:

1. ng update @angular/material //upgrade to 6.0.1

2. npm install @ngx-translate/[email protected] --save //upgrade ngX translate to 10.0.1 for Angular 6

5 npm install --save @ng-bootstrap/[email protected] //for ng-bootstrap

Jeśli użyjesz Observable i otrzymasz błąd:

ERROR in node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'. node_modules/rxjs/observable/of.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/observable/of'.

Zmiana: import { Observable } from "rxjs/Observable"; import { of } from 'rxjs/observable/of';

Do

import { Observable, of } from "rxjs";

Problem z CLI: https://github.com/angular/angular-cli/issues/10621

Istnieje kilka kroków, aby uaktualnić 2/4/5 do Angular 6.

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

Aby rozwiązać problem związany z "angular.json": -

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

Migracja sklepu
https://github.com/ngrx/platform/blob/master/MIGRATION.md#ngrxstore

Migracja RXJS
https://www.academind.com/learn/javascript/rxjs-6-what-changed/

Mam nadzieję, że to ci pomoże:)

Po prostu uruchom następujące polecenie:

ng update

Uwaga: nie będzie to aktualizowane globalnie.