@angular/compiler-cli package was not properly installed; cannot find module @angular/compiler

[prahaladbelavadi]

Repro steps.

ng serve

The log given by the failure.

\The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler'
Error: The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler'
    at Object.<anonymous> (C:\Users\praha\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@ngtools\webpack\src\index.js:14:11)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)

    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\praha\AppData\Roaming\npm\node_modules\@angular\cli\tasks\eject.js:10:19)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)

Desired functionality.

Start server

Mention any other details that might be useful.

1. tried uninstalling angular package and reinstalling it
2. running node version 6.11
3. it says typescript is required, but doesn't install it
4. on meeting dependencies separately also, it doesn't download @angular/compiler

[filipesilva]

Fixed by #7033.

We had a bug where ng new didn't wait for the packages to install. Newer versions don't suffer from this. Removing node_modules and running npm install should clear it.

[moezkorkmaz]

I experience the same problem.

> ng serve
Unable to find "@angular/cli" in devDependencies.

Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"

Executing npm install --save-dev @angular/cli@latest did not help.

[filipesilva]

@moezkorkmaz you're experiencing something different. This issue was about @angular/compiler-cli not being in installed, but yours is about @angular/cli not being in the dependencies. Please open a new issue for yours.

[ChuckkNorris]

EDIT: Resolved the issue by updating the @angular/cli to 1.2.6 and recreating the project from scratch.

Had this same issue. Deleted /node_modules and re-ran npm install with no success.
Any other ideas?

"dependencies": {
    "@angular/animations": "^4.3.2",
    "@angular/cdk": "^2.0.0-beta.8",
    "@angular/common": "4.3.2",
    "@angular/compiler": "4.3.2",
    "@angular/core": "4.3.2",
    "@angular/forms": "4.3.2",
    "@angular/http": "^4.3.2",
    "@angular/material": "^2.0.0-beta.8",
    "@angular/platform-browser": "4.3.2",
    "@angular/platform-browser-dynamic": "4.3.2",
    "@angular/router": "4.3.2",
    "core-js": "^2.4.1",
    "hammerjs": "^2.0.8",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.2.1",
    "@angular/compiler-cli": "4.3.2",
    "@angular/language-service": "^4.0.0",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "~3.0.1",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.0.4",
    "tslint": "~5.3.2",
    "typescript": "~2.3.3"
  }

Node Version: 8.1.2
CLI version: 1.2.1
NPM Version: 5.0.3

[Tsakirogf]

My exp in case:
I have installed the proper version of Ang cli.
package.json ->"devDependencies": { "@angular/cli": "1.2.6",
And still I had the same error.
However probably because I use λcmder.exe on Windows platform , a RESTART was needed.
After this everything work properly with no other action required.

[jmurphy45]

I have a similar issue I believe when I run ng build I get this error:

The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler-cli' Error: The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler-cli' at Object.<anonymous> (/Users/jmurphy/Documents/workspace/fp/node_modules/@ngtools/webpack/src/index.js:14:11) at Module._compile (module.js:569:30) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:503:32) at tryModuleLoad (module.js:466:12) at Function.Module._load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18) at Object.<anonymous> (/Users/jmurphy/Documents/workspace/fp/node_modules/@angular/cli/tasks/eject.js:10:19) at Module._compile (module.js:569:30) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:503:32) at tryModuleLoad (module.js:466:12) at Function.Module._load (module.js:458:3) at Module.require (module.js:513:17) at require (internal/module.js:11:18)

I tried deleting node_modules and reinstalling without any luck

[ashokmachineni]

I just changed to "@angular/compiler-cli": "^4.3.2" from "@angular/compiler-cli": "^4.0.0" in devDependencies in package.json file.

It worked for me

[Joryiqfy]

Yeah I am getting the same error.
@angular/compiler-cli is updated locally and globally and I tried with a new app.
And removed the node modules file.

[jack007spark]

I was also facing the same problem,
But after restarting my system it all working fine.

[chrustkiran]

restarting means ? so you are saying ng serve command is working fine???

[zarkob]

I confirm, restart worked well for me as well

[yogeshshende85]

Restarting the system also works for fine.

[pkaiche]

When i run npm install in my new project to get dependencies there are no errors. Packages are added successfully. But when i run ng serve i am getting below error:

F:\my-apps\material-dashboard-angular>ng serve
The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler-cli'
Error: The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angular/compiler-cli'
at Object. (F:\my-apps\material-dashboard-angular\node_modules@ngtools\webpack\src\index.js:14:11)
at Module._compile (module.js:573:30)
at Object.Module._extensions..js (module.js:584:10)
at Module.load (module.js:507:32)
at tryModuleLoad (module.js:470:12)
at Function.Module._load (module.js:462:3)
at Module.require (module.js:517:17)
at require (internal/module.js:11:18)
at Object. (F:\my-apps\material-dashboard-angular\node_modules@angular\cli\tasks\eject.js:10:19)
at Module._compile (module.js:573:30)
at Object.Module._extensions..js (module.js:584:10)
at Module.load (module.js:507:32)
at tryModuleLoad (module.js:470:12)
at Function.Module._load (module.js:462:3)
at Module.require (module.js:517:17)
at require (internal/module.js:11:18)

I have done the same on my own laptop & it worked fine there. But when i am doing the same steps on my companies system i am getting this error. I am using net setter to avoid proxy error. I have tried this with both System administrator login & my own login. I have also changed Environment Variable setting to set PATH value to nodejs folder; npm folder.

Can anyone help me out with this. I am stuck in this since a week & have gone through a lot of blogs but of no help. Any help s deeply appreciated. Thanks in advance.

[chrustkiran]

I think you ran ng build command that is why its showing this error, delete dist folder and try run ng serve