Angular2: ngModule, BrowserModule, FormsModule are not exported members

Question

I am going through the Angular2 tutorial at https://angular.io/docs/ts/latest/tutorial/toh-pt5.html. All good to step Routing. Visual Studio Code shows the error at first 03 lines:

import { NgModule }       from '@angular/core'; import { BrowserModule }  from '@angular/platform-browser'; import { FormsModule }    from '@angular/forms'; 

as

[ts]  Module '"c:/Users/ktran/Source/Repos/angular2-quickstart-ts/node_modules/@angular/core/index"' has no exported member 'NgModule'. 

folder node_modules:

any idea please?

Answer 1

As Kim Phung stated, this is because a new RC of Angular was just released. Change the following lines in packages.json:

// ...snip... "dependencies": {     "@angular/common": "2.0.0-rc.5",     "@angular/compiler": "2.0.0-rc.5",     "@angular/core": "2.0.0-rc.5",     "@angular/forms": "0.3.0",     "@angular/http": "2.0.0-rc.5",     "@angular/platform-browser": "2.0.0-rc.5",     "@angular/platform-browser-dynamic": "2.0.0-rc.5",  // ...file continues... 

Then run, in your console:

npm update 

Good to go!

Answer 2

Some modules just get added to the new version of Angular, so if you are not updating, you can not import it.

After about half an hour of search, got a solution:

Create a new folder and cd to your folder.

In command line, Type:

 git clone  https://github.com/angular/quickstart  cd quickstart  npm install 

And copy your old code to the newly created project