angular2: Cannot find module '@angular/core'

Question

I followed the angular2 quick start to create my project and everything works fine but my "tsc -w" command line keeps on telling me:

app/components/company/company.ts(1,36): error TS2307: Cannot find module '@angular/core'.
app/components/company/company.ts(5,22): error TS2307: Cannot find module '@angular/router'.
app/components/mission/mission.ts(1,36): error TS2307: Cannot find module '@angular/core'.
app/components/mission/mission.ts(3,22): error TS2307: Cannot find module '@angular/router'.

And there is plenty of other line like this. However, everything is compiled successfully and my application works fine, but it's quite annoying to have all these warnings/errors as real errors something get lost in the middle of them.

I'm using Angular2 rc1, TypeScript 1.8.10, WebStorm EAP (altough I'm not using the WebStorm TypeScript compilation system, I'm relying on an open terminal with "tsc -w" command line).

I checked other question related to that on SO, but I didn't find anything that really helped me.

Update

Here is my tsconfig.json file:

{
  "compilerOptions": {
    "target": "es5",
    "sourceMap": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "module": "system",
    "noImplicitAny": false,
    "outDir": "js",
    "rootDir": "app"
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

Well... Apparently, this file already changed in the quick start since I created my project. In my typings, I just have "es6-shim", "jasmine" and "node". However, I see that now, in the quick start, "es6-shim" is replaced by "core-js", but I have the feeling that it won't solve my issue (am I wrong ?). Moreover, the solution proposed by "Thierry Templier" works. Thanks — ssougnez
– ssougnez, Commented May 27, 2016 at 13:23

Thierry Templier · Accepted Answer · 2016-05-27 13:17:00Z

17

You should use the moduleResolution attribute to node:

{
  "compilerOptions": {
    "target": "es5",
    "sourceMap": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "module": "system",
    "moduleResolution": "node", // <-----
    "noImplicitAny": false,
    "outDir": "js",
    "rootDir": "app"
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

answered May 27, 2016 at 13:17

Thierry Templier

203k44 gold badges407 silver badges366 bronze badges

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

3 Comments

ssougnez Over a year ago

It seems way better indeed. Could you just explain me in two words what it changes ?

Thierry Templier Over a year ago

It's the way the compiler will find out the d.ts files for contracts of libraries. See this question: stackoverflow.com/questions/37413533/….

PascalVKooten Over a year ago

Somehow my editor still has Cannot find module '@angular/core', even though this is in the src/ tsconfig?

Hardik Patel · Accepted Answer · 2016-10-20 08:31:12Z

5

You first need to add typings at global level as below.

npm install -g typings

Then create typings.json using below command.

typings init

Paste below code in typings.json

{
  "name": "ng2-application",
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160725163759",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160909174046"
  }
}

Now you need to add below code in tsconfig.json

 "compilerOptions": {
        "moduleResolution": "node"
       }

After doing above steps you will able to get definitions on F12.

answered Oct 20, 2016 at 8:31

Hardik Patel

3,9581 gold badge27 silver badges39 bronze badges

Collectives™ on Stack Overflow

angular2: Cannot find module '@angular/core'

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related