Cannot find module '@angular/compiler'

Question

I run the command npm install -g @angular/cli and after i tried to run my app it says, Cannot find module '@angular/compiler' in the terminal. How can i install the compiler in my package.json in order to compile my application

//package
{
  "name": "Restaurant",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng serve",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "~2.4.9",
    "@angular/compiler": "~2.4.9",
    "@angular/core": "~2.4.9",
    "@angular/forms": "~2.4.9",
    "@angular/http": "~2.4.9",
    "@angular/platform-browser": "~2.4.9",
    "@angular/platform-browser-dynamic": "~2.4.9",
    "@angular/router": "~3.4.9",
    "@types/lodash": "^4.14.50",
    "angular-2-data-table": "^0.1.2",
    "angular2-datatable": "^0.5.2",
    "core-js": "^2.4.1",
    "lodash": "^4.17.4",
    "ng2-date-picker": "^0.2.1",
    "ng2-file-upload": "^1.1.2",
    "ng2-modal": "0.0.25",
    "ng2-pagination": "^2.0.1",
    "ng2-table": "^1.3.2",
    "primeng": "^2.0.1",
    "rxjs": "5.2.0",
    "tinymce": "^4.5.2",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.7.7"
  },
  "devDependencies": {
    "@angular/cli": "^1.0.0-rc.1",
    "@types/jasmine": "2.2.30",
    "@types/node": "^7.0.5",
    "angular/cli": "1.0.0-beta.28.3",
    "codelyzer": "3.0.0-beta.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.5.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-remap-istanbul": "^0.6.0",
    "protractor": "5.1.1",
    "ts-node": "2.1.0",
    "tslint": "4.5.1",
    "typescript": "~2.2.1"
  }
}

Francisco de Javier · Accepted Answer · 2019-10-30 15:34:20Z

90

Try to delete that "angular/cli": "1.0.0-beta.28.3", in the devDependencies it is useless , and add instead of it "@angular/compiler-cli": "^2.3.1", (since it is the current version, else add it by npm i --save-dev @angular/compiler-cli ), then in your root app folder run those commands:

rm -r node_modules (or delete your node_modules folder manually)
npm cache clean (npm > v5 add --force so: npm cache clean --force)
npm install

edited Oct 30, 2019 at 15:34

Francisco de Javier

5451 gold badge5 silver badges23 bronze badges

answered Mar 3, 2017 at 18:52

SeleM

9,6885 gold badges36 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Grenoblois Over a year ago

error : platforms/android/cordova/node_modules/cordova-common/src/superspawn.js:169:23)

kantsverma Over a year ago

Does not work for me I am getting this error E:\projects\htdocs\pproject>ng serve An unhandled exception occurred: Cannot find module '@angular/compiler-cli' See "C:\Users\User\AppData\Local\Temp\ng-n5u98J\angular-errors.log" for further details.

Mike Over a year ago

same problem this did not solve it. same exact error

iAmSavy Over a year ago

I encountered same issue while migrating old Version angular project into newer version. This solution worked for me. Please make sure that all 3 steps mentioned are executed successfully.

A.Casanova Over a year ago

You may need to do npm install --force. If you have dependencies problems locally and need to install everything form the package.json

|

Lasith Niroshan · Accepted Answer · 2017-12-04 21:25:22Z

46

I just run npm install and then ok.

answered Dec 4, 2017 at 21:25

Lasith Niroshan

1,08312 silver badges20 bronze badges

Comments

Martin Schneider · Accepted Answer · 2019-07-13 13:00:00Z

27

Try this

npm uninstall angular-cli
npm install @angular/cli --save-dev

edited Jul 13, 2019 at 13:00

Martin Schneider

15.6k8 gold badges63 silver badges64 bronze badges

answered Jan 2, 2019 at 21:32

Rahul Verma

56310 silver badges24 bronze badges

Comments

Chamila Maddumage · Accepted Answer · 2019-07-31 11:10:33Z

12

Uninstall the Angular CLI and install the latest version of it.

npm uninstall angular-cli

npm install --save-dev @angular/cli@latest

edited Jul 31, 2019 at 11:10

answered Jul 31, 2019 at 10:41

Chamila Maddumage

3,9162 gold badges36 silver badges44 bronze badges

Comments

Martin Schneider · Accepted Answer · 2019-07-13 13:13:17Z

8

In my case this was required:
npm install @angular/compiler --save
npm install @angular/cli --save-dev

answered Jul 13, 2019 at 13:13

Martin Schneider

15.6k8 gold badges63 silver badges64 bronze badges

Comments

Karl · Accepted Answer · 2017-10-30 10:23:19Z

4

Just to add to this. You will get this error too, when you are running ng serve not from within your project folder. So always make sure your bash runs from your project folder.

answered Oct 30, 2017 at 10:23

Karl

411 bronze badge

2 Comments

jukebox Over a year ago

How to make sure of that?

kosherjellyfish Over a year ago

Assuming that you are using Visual Studio Code's Terminal / Windows, it'll usually show the directory which directory you are currently within. (Example: C:\Projects\YourCurrentProjectFolder). You can then run your ng serve command when you are within the correct folder.

Copernicus · Accepted Answer · 2019-07-03 11:12:17Z

4

This command is working fine for me ubuntu 16.04 LTS:

npm install --save-dev @angular/cli@latest

edited Jul 3, 2019 at 11:12

Copernicus

291 silver badge10 bronze badges

answered Aug 31, 2017 at 7:41

Akalyvan

1571 gold badge2 silver badges14 bronze badges

Comments

Bluebaron · Accepted Answer · 2022-07-07 14:43:52Z

0

All I had to do was remove the import from the affected file.

answered Jul 7, 2022 at 14:43

Bluebaron

2,5263 gold badges28 silver badges40 bronze badges

Comments

jlang · Accepted Answer · 2022-08-21 11:48:23Z

0

In my case I had a mono-repo, like this:

<repo-root>
  |_ package.json
  |_ frontend
       |_ package.json
       |_ ...
  |_ ...

Problem was that I installed ng-mocks into the root-package.json which was of course wrong. I removed it there and installed it to the frontend/package.json. After that all worked fine again.

answered Aug 21, 2022 at 11:48

jlang

1,06313 silver badges34 bronze badges

Comments

Abd Abughazaleh · Accepted Answer · 2023-09-26 09:17:05Z

0

Remove node_modules folder and package-lock.json . then run :

npm install -f

then

ng serve

answered Sep 26, 2023 at 9:17

Abd Abughazaleh

5,6795 gold badges59 silver badges61 bronze badges

Comments

Ravier · Accepted Answer · 2024-02-24 00:37:09Z

0

This usually happens when your first execution of npm install does not go properly (an internet issue for example). So removing and reinstalling the node_modules help.

answered Feb 24, 2024 at 0:37

Ravier

413 bronze badges

Collectives™ on Stack Overflow

Cannot find module '@angular/compiler'

11 Answers 11

6 Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

6 Comments

Comments

Comments

Comments

Comments

2 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related