ERROR in The Angular Compiler requires TypeScript 3 1 1 and 3 2 0 but 3 2 1 was found instead

Question

I am getting this error     ERROR in The Angular Compiler requires TypeScript   3 1 1 and  lt 3 2 0 but 3 2 1 was found instead    Seems like Typescript updated but the Angular Compiler doesn t like that   How do I fix this

User · Answer

I also faced similar issues when tried to do ng serve. I was able to resolve it as below.
Note:

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)

Following are the steps which I used to resolve this.

Step1. Verify the cli version installed on command prompt (will be Angular CLI global version)

C:\Windows\system32>ng --version

Angular CLI: 8.3.13

If cli was installed earlier, it shows the global cli version.

If cli was not installed, we may get the error
ng is not recognized as an internal or external command

a. (Optional Step) Install Angular CLI global version

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

b. Check version again

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

Step2. Verify the local cli version installed on your angular project(VS code ide or command prompt cd'd to your project project)

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

Note: Clearly versions are not in sync. Do the following in your angular project

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

Note: If upgrade donot work using above command (ref: How to upgrade Angular CLI to the latest version) On command prompt, 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

Now update your local project version, because cli version of your local project is having higher priority than global one when you try to execute your project.

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

Step3. Verify if local project cli version now in sync with global one

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

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

Step4.. Revalidate on the project

C:\apps\workspace\testProj>ng serve

Should work now

User · Answer

If you want to use Angular with an unsupported TypeScript version  add this to your tsconfig json to ignore the warning      angularCompilerOptions          disableTypeScriptVersionCheck   true

User · Answer

In my case below command worked for windows  It will install latest required version between 3 1 1 and 3 2 0  Depending on OS use either double or single quotes  npm install typescript   gt  3 1 1  lt 3 2 0

User · Answer

To fix this install the specific typescript version 3 1 6  npm i typescript 3 1 6 --save-dev --save-exact

User · Answer

npm install typescript   gt  3 1 1  lt 3 3 0  --save-dev --save-exact rm -rf node modules npm install

User · Answer

First install your targeted version   npm i typescript 3 1 6 --save-dev --save-exact   Then before compiling do      npm i

User · Answer

ERROR in The Angular Compiler requires TypeScript   3 4 0 and  lt 3 6 0 but 3 6 3 was found instead    For this error you can also define a version range   yarn add typescript   gt  3 4 0  lt 3 6 0  --save-dev --save-exact   or for npm  npm install typescript   gt  3 4 0  lt 3 6 0  --save-dev --save-exact   After installing the correct typescript version    Delete node modules folder Run yarn install or npm install Compile and cross your fingers xD

User · Answer

Got a similar error from CircleCi s error log     ERROR in The Angular Compiler requires TypeScript   3 1 1 and  lt 3 3 0 but 3 3 3333 was found instead    Just so you know this did not affect the Angular application  but the CircleCi error was becoming annoying  I am running Angular 7 1  I ran      npm i typescript 3 1 6 --save-dev --save-exact  to update the package-lock json file     Then I ran    npm i  After that I ran     npm audit fix   This CircleCi error message  went away    So it works

User · Answer

For following Error      ERROR in The Angular Compiler requires TypeScript   3 4 0 and  lt 3 6 0   but 3 6 3 was found instead    Run following NPM command     npm install typescript 3 5 3   Source Link

[angular] ERROR in The Angular Compiler requires TypeScript >=3.1.1 and <3.2.0 but 3.2.1 was found instead

Examples related to angular

Examples related to typescript

Examples related to npm

Examples related to angular-cli