Question

我使用Augular CLI命令创建了示例应用程序。现在尝试从https://angular.io/docs/ts/latest/guide/forms.html#示例代码测试入门应用程序。

当我添加这些行

时

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

给出以下错误消息。

Module '"c:/shared/testngproj/node_modules/@angular/core/index"' has no exported member 'NgModule'.
import NgModule

如何导入这三个模块？

这是我的package.json文件。

{
  "name": "testngproj",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng serve",
    "postinstall": "typings install",
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.2",
    "es6-shim": "0.35.1",
    "forms-angular": "^0.7.1",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "0.6.12"
  },
  "devDependencies": {
    "angular-cli": "1.0.0-beta.10",
    "codelyzer": "0.0.20",
    "ember-cli-inject-live-reload": "1.4.0",
    "jasmine-core": "2.4.1",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "0.13.22",
    "karma-chrome-launcher": "0.2.3",
    "karma-jasmine": "0.3.8",
    "protractor": "3.3.0",
    "ts-node": "0.5.5",
    "tslint": "3.11.0",
    "typescript": "1.8.10",
    "typings": "1.3.1"
  }
}

由于 SR

Answer 1

NgModule是在几天前发布的Angular 2 RC5中引入的，Angular文档已经更新以反映这一变化。

你的package.json仍然引用RC4（2.0.0-rc.4），它没有NgModule。您需要升级到RC5（2.0.0-rc.5）才能成功学习本教程。

Angular 2缺少模块

1 个答案: