Angular2: ngModule, BrowserModule, FormsModule не являются экспортированными членами

Я прохожу учебник Angular2 в https://angular.io/docs/ts/latest/tutorial/toh-pt5.html. Все хорошо, чтобы шаг за маршрутизацией. Код Visual Studio показывает ошибку в первых трех строках:

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:

Любая идея, пожалуйста?

Ответ 1

Некоторые модули просто добавляются в новую версию Angular, поэтому, если вы не обновляете ее, ее нельзя импортировать.

Примерно через полчаса поиска было получено решение:

Создайте новую папку и компакт-диск в вашей папке.

В командной строке введите:

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

И скопируйте старый код во вновь созданный проект

Ответ 2

Как сказал Ким Фунг, это потому, что был выпущен новый RC Angular. Измените следующие строки в 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

Хорошо идти!

Ответ 3

Если эти решения вам не помогут, попробуйте повторно открыть VSCode. Для меня это была проблема с редактором.

Ответ 4

если у вас есть этот тип ошибки. import {NgModule} из '@angular/core'; import {BrowserModule} из '@angular/platform-browser'; попробуйте эту команду:

Обновление
npm

Ответ 5

У меня была аналогичная проблема с обновлением примерного приложения до 2.0.1 с использованием примера быстрого запуска. Я исправил его, обновив не только package.json, но также systemjs.config.js и typings.json

Ответ 6

Пожалуйста, убедитесь, что вы включили FormsModule в импорт ngModule

@NgModule({
    imports:      [ BrowserModule,**FormsModule** ],
    declarations: [ AppComponent ],
    bootstrap:    [ AppComponent ]
})

Ответ 7

Вы должны импортировать этот символ в файл модуля. Я уверен, что вы импортируете его в файл компонента.

Ответ 8

Установить npm => npm установить

Я также получил эту ошибку, но когда я установил npm, проблема была исправлена