Jak zaktualizować/upgrade z Kątowymi 4 do Kątowymi 5

muszę zaktualizować mój projekt od 4 do Kątowymi kątowe 5,Jak zaktualizować/upgrade z Kątowymi 4 do Kątowymi 5

muszę zmienić wszystkie następujące zależności kątowy 5.

ja również zaktualizowane kątowa CLI do wersji 1.5.0.

Próbowałem utworzyć nowy projekt, ale wydaje się, że tworzy on tylko projekt Angular 4.

ng nowy NG5_Project

"dependencies": { 
    "@angular/animations": "^4.2.4", 
    "@angular/common": "^4.2.4", 
    "@angular/compiler": "^4.2.4", 
    "@angular/core": "^4.2.4", 
    "@angular/forms": "^4.2.4", 
    "@angular/http": "^4.2.4", 
    "@angular/platform-browser": "^4.2.4", 
    "@angular/platform-browser-dynamic": "^4.2.4", 
    "@angular/router": "^4.2.4", 
    "core-js": "^2.4.1", 
    "rxjs": "^5.4.2", 
    "zone.js": "^0.8.14" 
}

Co robię źle.

CLI Config:

Źródło

2017-11-02 Sangwin Gawande

Możliwe duplikat [Migracja kątowe 4.x kątowej 5] (https://stackoverflow.com/questions/47104188/migrating-angular-4-x-to-angular-5) –

Problem rozwiązany przy aktualizacji wersji węzła.

musiałem zaktualizować wersję węzła,

sudo apt-get install nodejs 

npm uninstall -g @angular/cli 

npm cache clean 

npm install -g @angular/[email protected] 

ng new ProjectName

węzeł version ==> 8.9.0

ng version ==> 1.5.0

"dependencies": { 
    "@angular/animations": "^5.0.0", 
    "@angular/common": "^5.0.0", 
    "@angular/compiler": "^5.0.0", 
    "@angular/core": "^5.0.0", 
    "@angular/forms": "^5.0.0", 
    "@angular/http": "^5.0.0", 
    "@angular/platform-browser": "^5.0.0", 
    "@angular/platform-browser-dynamic": "^5.0.0", 
    "@angular/router": "^5.0.0", 
    "rxjs": "^5.5.2", 
    "zone.js": "^0.8.14" 
}

Źródło

2017-11-13 09:29:01

Sprawdź kątowa blog z

https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced

W artykule przewodnikiem zmiana jest wymieniona.

Można go znaleźć tutaj: https://angular-update-guide.firebaseapp.com/

Ponadto, można zaktualizować angular-CLI do 1.5.0 która stworzy projekt kątową V5. Możesz porównać różnice z twoimi.

Źródło

2017-11-02 08:01:38

I Zaktualizowany kątowy cli do 1.5.0, ale jego tworzenie powyżej konfiguracji w package.json –

Nie próbowałem go sam, ale w artykule mówią, że domyślnie tworzy v5. https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935ced#148d –

Próbowałem go w wersji angular-cli v1.5 i utworzył projekt z v5. Upewnij się, że masz zainstalowaną najnowszą wersję oprogramowania kątowego-cli. Najpierw uruchom 'npm uninstall -g @ kątowy/cli', a następnie zainstaluj go ponownie. –

Aby ulepszyć model Angular 4 do Angular 5

Otwórz twoje webpack.config.js

Dodaj poniższy kod wewnątrz ContextReplacementPlugin

/angular(\\|\/)core(\\|\/)(@angular|esm5)/

Źródło

2018-01-18 07:05:28 user1349544

To rozwiązanie jest dla Visual Studio 2017 przy użyciu szablonu

kątowa wierszu polecenia

Zastosowanie node.js lub Otwórz PowerShell. Przejdź do katalogu projektu i użyj polecenia dir, aby sprawdzić, czy plik package.json istnieje, czy nie.

Zamknij instancję Visual Studio i uruchomić polecenie KMP zainstalować -g NPM sprawdzić aktualizacje wtedy powinien pojawić się następujący wyjście

Następnie użyj polecenia NCU -u następujący pakiet powinien zaktualizować do najnowszej wersji:

Jeśli pakiety nadal wskazują Angular 4, usuń pakiet-lock.json i f ollow ponownie podanych wyżej kroków.

Jak wiesz, Webpack jest używany jako moduł bundler modułu przez Visual Studio. Webpack używa AotPlugin do kompilowania aplikacji Angular 4, teraz Webpack nie używa już Aotplugin dla Angular 5. Teraz używa AngularCompilerPlugin.So open webpack.config.js i zastępuje wszystkie wystąpienia AotPlugin AngularCompilerPlugin.

Otwórz plik ClientApp/boot.server.ts i zamień poniższy wiersz kodu (wiersz nr 22).

const zone = moduleRef.injector.get (NgZone);

strefa const: NgZone = moduleRef.injector.get (NgZone);

Link źródłowy - http://www.talkingdotnet.com/upgrade-angular-4-app-angular-5-visual-studio-2017/

Źródło

2018-01-21 03:10:31