Cannot find module @angular/core + angular2

Question

I am trying to create an Angular 2 application using Typescript in Visual Studio 2015. I have installed npm on my machine. When I compile my application , I am getting errors cannot find module '@angular/core'. It is referred in all the ts files under the node_modules folder in the import statement. For e.g.

import { ElementRef, AfterViewInit, OnDestroy, DoCheck, EventEmitter, IterableDiffers } from '@angular/core';

I am currently getting around 500 plus errors. The error goes off when I replace it with 'angular2/core '. Also just to let you know , I am using PrimeNG UI Components in my project as well.

Could somebody help ? I don't understand why it is looking at @angular/core ?

I suggest using https://cli.angular.io/ . See also https://www.youtube.com/watch?v=wHZe6gGI5RY — Günter Zöchbauer, May 13 '16 at 14:49
Thanks. Can I include the code structure generated by cli.angular.io into my visual studio solution — Tom, May 13 '16 at 15:14

User123 · Answer 1 · 2016-07-07T21:07:11.603

5

Install nodejs
Open cmd prompt and type 'cd your project directory'
Type 'npm install' and hit enter.

This will create a node_modules folder within that directory which should have the @angular/core that's required.

edited Jul 07 '16 at 21:07

answered Jul 07 '16 at 21:00

User123

489
8
21

Thanks for your answer. Really saved my time ! – Red fx Sep 20 '17 at 13:03

score 2 · Accepted Answer · answered May 13 '16 at 14:47

2

The angular2 name in modules names is for versions before RC (release candidate) versions (beta ones) and the @angular one for RC versions.

answered May 13 '16 at 14:47

Thierry Templier

191,422
38
386
349

I am using angular2 2.0.0-beta.17 version. So then what is the problem – Tom May 13 '16 at 15:18
So you need to use: import { ... } from 'angular2/core'; – Thierry Templier May 13 '16 at 15:25
I am bit confused now. When I execute npm install angular2, it installs ngular2 2.0.0-beta.17 version. How do I install the release candidate version. As I need to use the latest. – Tom May 13 '16 at 15:40
In fact there are several packages to install for rc versions: @angular/core, ... – Thierry Templier May 13 '16 at 15:55
see this link for more details: https://angular.io/docs/ts/latest/quickstart.html – Thierry Templier May 13 '16 at 15:56

score 2 · Answer 3 · answered Oct 20 '16 at 08:27

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.

score 0 · Answer 4 · answered Apr 05 '17 at 18:13

When I had this issue, it would come and go depending on the module kind I had selected. (Visual Studio, right-click project, properties, Typescript tab. It would occur for the "System" Module System, which is used in Angular2 QuickStart tutorial, but not for some others, for example.)

I verified the folder /node_modules/@angular/core/ existed in the proj and was populated.

Solution was to edit the .csproj file and add the line <TypeScriptModuleResolution>Node</TypeScriptModuleResolution> in both Debug and Release sections. VS defaults to Classic for this setting for some settings of ModuleKind.

Cannot find module @angular/core + angular2

4 Answers4

Linked