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 cli.angular.io . See also youtube.com/watch?v=wHZe6gGI5RY — Günter Zöchbauer
– Günter Zöchbauer, Commented May 13, 2016 at 14:49
Thanks. Can I include the code structure generated by cli.angular.io into my visual studio solution — Tom
– Tom, Commented May 13, 2016 at 15:14

User123 · Accepted Answer · 2016-07-07 21:07:11Z

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 7, 2016 at 21:07

answered Jul 7, 2016 at 21:00

User123

6191 gold badge13 silver badges25 bronze badges

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

Comments

Thierry Templier · Accepted Answer · 2016-05-13 14:47:57Z

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, 2016 at 14:47

Thierry Templier

203k44 gold badges407 silver badges365 bronze badges

5 Comments

Tom Over a year ago

I am using angular2 2.0.0-beta.17 version. So then what is the problem

Thierry Templier Over a year ago

So you need to use: import { ... } from 'angular2/core';

Tom Over a year ago

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.

Thierry Templier Over a year ago

In fact there are several packages to install for rc versions: @angular/core, ...

Thierry Templier Over a year ago

see this link for more details: angular.io/docs/ts/latest/quickstart.html

Hardik Patel · Accepted Answer · 2016-10-20 08:27:41Z

2

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:27

Hardik Patel

3,9581 gold badge27 silver badges39 bronze badges

Comments

Ron Newcomb · Accepted Answer · 2017-04-05 18:13:27Z

0

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.

answered Apr 5, 2017 at 18:13

Ron Newcomb

3,41330 silver badges30 bronze badges

Collectives™ on Stack Overflow

Cannot find module @angular/core + angular2

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related