No Exported Member / Node Modules

Question

I am just starting Angular 2 / Typescript using the 5 Minute Quickstart found here. I\'ve run into what looks to be a common problem, but maybe a bit different. I am encounter

Answer 1

The NgModule class is exported from the node_modules/@angular/core/src/metadata.d.ts file through the node_modules/@angular/core/index.d.ts one.

I wonder if you specify correctly the moduleResolution property in your tsconfig.json file:

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node", // <-----
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}

Answer 2

please update all your @angular dependencies in package.json to at least "2.0.0-rc.5"

after that verify your application bootstrap in main.ts.

according to changelog of 2.0.0-rc.5 there is a change of bootstrap your app. or see also updated tutorial guide https://angular.io/guide/quickstart.

import {NgModule} from '@angular/core';

@NgModule({
  declarations: […], // directives, components, and pipes owned by this NgModule
  imports: [BrowserModule],
  providers: […], // additional providers
  bootstrap: [MainComponent],
})
class MyAppModule {}

// Ahead of Time compile
import {platformBrowser} from ‘@angular/platform-browser’;

platformBrowser().bootstrapModuleFactory(MyAppModuleNgFactory);

// JIT compile long form
import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’;

platformBrowserDynamic().bootstrapModule(MyAppModule);

Answer 3

In package.json file, all dependencies which are using rc.4, replace them by rc.5. Then it will work.

Answer 4

For me it was VSCode editor issue. Simply reopening the editor resolved it

Answer 5

Editor cache issue, its common in IDE's Android Studio,VS Code & Atom. Restarting the editor/IDE will help.