The Angular Compiler requires TypeScript >=2.7.2 and <2.8.0 but 2.8.3 was found instead
AngularTypescriptNpmVersionGlobalAngular Problem Overview
I starting getting this error on my Angular app:
> The Angular Compiler requires TypeScript >=2.7.2 and <2.8.0 but 2.8.3 > was found instead
and when I try to downgrade typescript to the right version doing:
npm install -g [email protected]
it says updated 1 package.
when I verify typescript version using
npm view typescript version
I still get 2.8.3
I even tried removing typescript entirely using npm uninstall -g typescript
but when I verify typescript version again
npm view typescript version
I still get 2.8.3
What are the commands to properly purge and restore typescript to a previous version such as 2.7.2?
I'm running node v10.0.0 and npm v6.0.1
When I run npm list -g typescript
I see the correct version coming 2.7.2 but still version 2.8.3 is installed somehow globally
Angular Solutions
Solution 1 - Angular
You should do npm install typescript@'>=2.7.2 <2.8.0'
. This will install the correct typescript your project needs. Make sure you run this inside your Angular project.
On Windows, you should use double quotes instead of single quotes, like so:
npm install typescript@">=2.7.2 <2.8.0"
Otherwise, you'll get The system cannot find the file specified.
.
Solution 2 - Angular
In your project folder run again npm install [email protected]
as stated from here:
Then it should work.
Solution 3 - Angular
I did next steps:
- removed package-lock.json;
- npm install -g --save [email protected];
- npm uninstall -g --save [email protected];
- in package.json, section "devDependencies" updated string with typescript as "typescript": "~2.7.2".
After all above run in project's terminal ng serve --open (I've been using IDEA 2018.1).
Solution 4 - Angular
I did the following:
-
Delete manually the folder node_modules
-
Delete manually the file package-lock.json
-
In the file package.json be sure to set the dependence of TypeScript as
"typescript": "2.7.2"
-
run npm cache clean -f
-
run npm install
That work for me.
Solution 5 - Angular
Installing "@angular/compiler-cli": "7.0.0-beta.4" resolved this issue. I use "typescript": "3.0.3".
Solution 6 - Angular
To upgrade, run the following commands in the terminal.
-
Install the latest version of NPM
npm install npm@latest -g
-
Run audit
npm audit
-
Update the NPM
npm update
-
Run the NPM run script.
npm start
Now your compiler is ready.
Solution 7 - Angular
Downgrading to typescript 2.9.2 (npm install [email protected])
and re-running ng update --all
still yields the error (twice):
Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=2.7.2 <2.10", would install "3.1.3"
Verified that version 2.9.2 of typescript was in node_modules.
Solution 8 - Angular
Had the same issue (amongst many others) after updating to macOS Mojave. Fixed it by removing node_modules and package_lock.json manually, changed in package.json from "typescript": "~2.7.2" to "typescript": "~2.8.0" and ran npm install.
Solution 9 - Angular
This is just because in your projects package.json
file has
eg."devDependencies": {"typescript": "~2.8.3" }
and in your machine where angular cli installed has "typescript": "2.7.2"
version.
You can check this by ng -v
or ng v
.
So, just open package.json update your typescript version and run npm install
and you are done.