ERROR w kompilatorze Angular wymaga TypeScript> = 3.1.1 i <3.2.0, ale zamiast tego znaleziono 3.2.1

Otrzymuję ten błąd

ERROR w kompilatorze Angular wymaga TypeScript> = 3.1.1 i <3.2.0, ale zamiast tego znaleziono 3.2.1.

Wygląda na to, że Typescript został zaktualizowany, ale kompilatorowi Angular nie podoba się to.

Jak to naprawić?

Aby to naprawić, zainstaluj odpowiednią wersję 3.1.6

npm i typescript@3.1.6 --save-dev --save-exact

W moim przypadku poniższe polecenie działało dla okien. Zainstaluje najnowszą wymaganą wersję między 3.1.1 a 3.2.0. W zależności od systemu operacyjnego użyj podwójnych lub pojedynczych cudzysłowów

npm install typescript@">=3.1.1 <3.2.0" 

Najpierw zainstaluj wersję docelową

npm i typescript@3.1.6 --save-dev --save-exact

Następnie przed kompilacją wykonaj

   npm i

npm install typescript@">=3.1.1 <3.3.0" --save-dev --save-exact
rm -rf node_modules
npm install

Jeśli chcesz używać Angulara z nieobsługiwaną wersją TypeScript, dodaj to do swojego, tsconfig.jsonaby zignorować ostrzeżenie:

  "angularCompilerOptions": {
    "disableTypeScriptVersionCheck": true,
  },

ERROR w kompilatorze Angular wymaga TypeScript> = 3.4.0 i <3.6.0, ale zamiast tego znaleziono 3.6.3.

W przypadku tego błędu można również zdefiniować zakres wersji:

yarn add typescript@">=3.4.0 <3.6.0" --save-dev --save-exact

lub dla npm

npm install typescript@">=3.4.0 <3.6.0" --save-dev --save-exact

Po zainstalowaniu poprawnej wersji maszynopisu:

1. Usuń node_modulesfolder
2. Uruchom yarn installlubnpm install
3. Skompiluj i trzymaj kciuki xD

Otrzymałem podobny błąd z dziennika błędów CircleCi.

„BŁĄD w kompilatorze Angular wymaga TypeScript> = 3.1.1 i <3.3.0, ale zamiast tego znaleziono 3.3.3333”.

Po prostu wiesz, że nie wpłynęło to na aplikację Angular, ale błąd CircleCi stawał się irytujący. Używam Angular 7.1

Uruchomiłem: $ npm i typescript@3.1.6 --save-dev --save-exact, aby zaktualizować plik package-lock.json.

Potem pobiegłem: $ npm i

Następnie uruchomiłem: poprawka audytu $ npm

„Ten komunikat o błędzie CircleCi” zniknął. Więc to działa

W przypadku następującego błędu:

ERROR w kompilatorze Angular wymaga TypeScript> = 3.4.0 i <3.6.0, ale zamiast tego znaleziono 3.6.3.

Uruchom następujące polecenie NPM:

$ npm install typescript@3.5.3

Link do źródła

Miałem też podobne problemy, gdy próbowałem służyć. Udało mi się rozwiązać to jak poniżej.
Uwaga:

C:\Windows\system32> is on windows command prompt
C:\apps\workspace\testProj>  is on VS code Terminal (can also be doable in another command prompt)

Oto kroki, które zastosowałem, aby to rozwiązać.

Krok 1 . Sprawdź wersję CLI zainstalowaną w wierszu poleceń (będzie to wersja globalna Angular CLI)

C:\Windows\system32>ng --version

Angular CLI: 8.3.13

Jeśli cli zostało zainstalowane wcześniej, pokazuje globalną wersję CLI.

Jeśli cli nie zostało zainstalowane, możemy otrzymać błąd
ng nie jest rozpoznawany jako polecenie wewnętrzne lub zewnętrzne

za. (Opcjonalny krok) Install Angular CLI global version

C:\Windows\system32>npm install -g @angular/cli
C:\Windows\system32>npm install -g @angular-cli/latest

b. Sprawdź wersję ponownie

C:\Windows\system32>ng --version
Angular CLI: 8.3.13

Krok 2. Zweryfikuj lokalną wersję CLI zainstalowaną w Twoim projekcie kątowym (kod VS IDE lub wiersz polecenia dołączony do Twojego projektu)

C:\apps\workspace\testProj>ng --version
Angular CLI: 7.3.8

Uwaga: najwyraźniej wersje nie są zsynchronizowane. Wykonaj następujące czynności w swoim projekcie kątowym

C:\apps\workspace\testProj>ng update @angular/cli        -> important to sync with global cli version

Uwaga : Jeśli aktualizacja nie działa przy użyciu powyższego polecenia (patrz: Jak zaktualizować Angular CLI do najnowszej wersji ) W wierszu polecenia,uninstall global angular cli, clean the cache and reinstall the cli

C:\Windows\system32>npm uninstall -g angular-cli
C:\Windows\system32>npm cache clean or npm cache verify #(if npm > 5)
C:\Windows\system32>npm install -g @angular/cli@latest

Teraz zaktualizuj lokalną wersję projektu, ponieważ wersja CLI twojego projektu lokalnego ma wyższy priorytet niż wersja globalna, gdy próbujesz wykonać projekt.

C:\apps\workspace\testProj>rm -rf node_modules
C:\apps\workspace\testProj>npm uninstall --save-dev angular-cli
C:\apps\workspace\testProj>npm install --save-dev @angular/cli@latest
C:\apps\workspace\testProj>npm install
C:\apps\workspace\testProj>ng update @angular/cli

Krok 3. Sprawdź, czy lokalna wersja CLI projektu jest teraz zsynchronizowana z wersją globalną

C:\Windows\system32>ng --version
Angular CLI: 8.3.13

C:\apps\workspace\testProj>ng --version
Angular CLI: 8.3.13

Krok 4. . Ponownie zweryfikuj projekt

C:\apps\workspace\testProj>ng serve

Powinien teraz działać