Angular2:ngModule,BrowserModule,FormsModule不是导出成员

Question

我将通过https://angular.io/docs/ts/latest/tutorial/toh-pt5.html上的Angular2教程 .一切顺利的路由.Visual Studio代码显示前03行的错误:

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

如

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

文件夹node_modules:

有什么想法吗？

Answer 1

正如Kim Phung所说,这是因为Angular的新RC刚刚发布.更改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...

然后在您的控制台中运行:

npm update

很高兴去!

Answer 2

有些模块刚刚添加到新版本的Angular中,因此如果您没有更新,则无法导入它.

经过大约半小时的搜索,得到了一个解决方案:

创建一个新文件夹并cd到您的文件夹.

在命令行中,键入:

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

并将旧代码复制到新创建的项目中

Answer 3

如果此解决方案没有帮助您，请尝试重新打开VSCode。对我来说，这是编辑器的问题。