Angular2：ngModule，BrowserModule，FormsModule未導出成員

我正在閱讀Angular2教程 https://angular.io/docs/ts/latest/tutorial/toh-pt5.html。所有的好步驟路由。 Visual Studio代碼顯示在第一行03錯誤：Angular2：ngModule，BrowserModule，FormsModule未導出成員

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：

任何想法嗎？

來源

2016-08-10 beewest

可能是SystemJS的配置錯誤？ –

systemjs.config.js從https://angular.io/docs/ts/latest/quickstart.html – beewest

複製然後它可能是一個VS代碼錯誤，你可以看到在相關的wuestions，這與VS Code已經被問到。 –

有些模塊只是添加到新版本的Angular中，所以如果你沒有更新，你不能導入它。

約一個半小時的搜索後，得到了一個解決方案：

創建一個新的文件夾和CD到您的文件夾中。

在命令行中鍵入：

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

而且舊的代碼複製到新創建的項目

來源

2016-08-10 06:26:32

所有的問候和感謝張貼它，對我個人而言它看起來更像是一個解決方法 – bevada

哈！這是來自Kim的一個很好的建議 - 它甚至可以更輕量級，只是1）從github/angular/quickstart複製package.json依賴項和devdependencies項，2）在你自己的package.json文件中替換那些項，然後3）做「npm安裝」和4）「npm開始」（它仍然看起來像解決方法 - 誰有真正的答案？） – bevada

Thansk Kim。這些類在2.0.0-rc.5中，而我在package.json中聲明瞭2.0.0-rc.4。 – beewest

由於金蓬說，這是因爲角度的一個新的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

好走！

來源

2016-08-10 08:19:46

對於有人遇到'npm update'問題，請確保您在Windows上以root/administrator身份運行。 – Elec

這將有助於有命令強制最新的。 – krillgar

感謝您回答'''「@ angular/forms」：「0.3.0」，'''解決了我的問題 – styopdev

我剛剛有一個類似的問題，使用快速入門示例將示例應用程序升級到2.0.1。我固定它通過更新不僅的package.json，也systemjs.config.js和typings.json

來源

2016-09-30 09:57:13

-1

如果這個解決方案對您沒有幫助，嘗試重新VSCode。對我來說這是編輯問題。

來源

2016-11-02 08:43:49 Dias

剛剛重新啓動不會改變任何東西。但我可以想象，重新啓動服務器可能。在Windows上：在控制檯窗口中按Ctrl-C，關閉當前運行的命令，並重新發送命令'ng serve' – bvdb

請確保您有包括FormsModule到ngModule進口

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

來源

2016-12-09 09:28:50

如果你有這種類型的錯誤

。從'@ angular/core'導入{NgModule}; 從'@ angular/platform-browser'導入{BrowserModule}; 試試這個命令：

NPM更新

來源

2017-07-13 15:27:17 uday

Angular2：ngModule，BrowserModule，FormsModule未導出成員

回答

相關問題