wonderful world wonderful world - 15 days ago 5
TypeScript Question

Cannot find module 'angular2/core' in Visual Studio 2015 Update 1

I came across this error Cannot find module 'angular2/core' when trying out the angular2 beta version in Visual Studio 2015 Update 1.

The code is below:

import {Component} from "angular2/core"

@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent {
}


I have the angular2 beta version in my Visual Studio ASP.NET 5 project. I have also enabled compile TS files when building the project.

A few things that I tried, but none worked:


  1. I added
    /// <reference path="../node_modules/angular2/core.d.ts" />
    at the top of the ts file.



2.

import {Component} from "angular2/bundles/angular2"

@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent {
}


3.

import {Component} from "../node_modules/angular2/core"

@Component({
selector: 'my-app',
template: "<h1>My First Angular 2 App</h1>"
})
export class AppComponent {
}


UPDATE:

This is my tsconfig.json

{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": true,
"sourceMap": true,
"target": "es6",
"module": "system",
"emitDecoratorMetadata": true,
"experimentalDecorators": true
},
"exclude": [
"node_modules",
"wwwroot",
"bower_components"
]
}


UPDATE:

I added "moduleResolution": "node" to tsconfig.json file, but now I get another set of errors:


1>------ Rebuild All started: Project: Terminal.Web, Configuration:
Debug Any CPU ------
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(6,14):
error TS2300: Build: Duplicate identifier 'PropertyKey'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(9,5):
error TS2300: Build: Duplicate identifier 'done'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(10,5):
error TS2300: Build: Duplicate identifier 'value'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(248,5):
error TS2300: Build: Duplicate identifier 'EPSILON'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(283,5):
error TS2300: Build: Duplicate identifier 'MAX_SAFE_INTEGER'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(290,5):
error TS2300: Build: Duplicate identifier 'MIN_SAFE_INTEGER'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(346,5):
error TS2300: Build: Duplicate identifier 'flags'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(498,5):
error TS2300: Build: Duplicate identifier 'prototype'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(561,5):
error TS2300: Build: Duplicate identifier 'size'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(570,5):
error TS2300: Build: Duplicate identifier 'prototype'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(581,5):
error TS2300: Build: Duplicate identifier 'size'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(590,5):
error TS2300: Build: Duplicate identifier 'prototype'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(605,5):
error TS2300: Build: Duplicate identifier 'prototype'.
1>C:\Test\node_modules\angular2\typings\es6-shim\es6-shim.d.ts(619,5):
error TS2300: Build: Duplicate identifier 'prototype'. 1>C:\Program
Files (x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(3841,14): error
TS2300: Build: Duplicate identifier 'PropertyKey'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4061,5): error
TS2300: Build: Duplicate identifier 'EPSILON'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4096,5): error
TS2300: Build: Duplicate identifier 'MAX_SAFE_INTEGER'. 1>C:\Program
Files (x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4103,5): error
TS2300: Build: Duplicate identifier 'MIN_SAFE_INTEGER'. 1>C:\Program
Files (x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4389,5): error
TS2300: Build: Duplicate identifier 'done'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4390,5): error
TS2300: Build: Duplicate identifier 'value'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4619,5): error
TS2300: Build: Duplicate identifier 'flags'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4647,5): error
TS2300: Build: Duplicate identifier 'size'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4657,5): error
TS2300: Build: Duplicate identifier 'prototype'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4674,5): error
TS2300: Build: Duplicate identifier 'prototype'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4686,5): error
TS2300: Build: Duplicate identifier 'size'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4696,5): error
TS2300: Build: Duplicate identifier 'prototype'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(4712,5): error
TS2300: Build: Duplicate identifier 'prototype'. 1>C:\Program Files
(x86)\Microsoft SDKs\TypeScript\1.7\lib.es6.d.ts(5099,5): error
TS2300: Build: Duplicate identifier 'prototype'.
========== Rebuild All: 0 succeeded, 1 failed, 0 skipped ==========

Answer

I had the same issue. I don't know what exactly did the trick.

  • Installed Angualr using npm:
    npm install Angular2
  • Updated Visual Studio extension:
    DotNetCore.1.0.0.RC2-VS2015Tools.Preview1