2017-07-18 51 views
0

我最近開始學習Angular 4.因此,如教程中提到的,我已經安裝了nodejs,然後使用angular 4 cli並創建一個項目以啓動加工。我做了同樣的,看起來很完美,但是當我使用ng serve --open來運行本地服務器。它給了我以下錯誤:全局安裝npm,仍然適用於每個Angular項目它給我錯誤再次安裝

Angular ng serve --o ERROR

我已經解決了這個問題,在我的角度app目錄重新安裝NPM。

現在我要創建一個新的應用程序,它給出了同樣的錯誤,我不想一次又一次爲每個項目安裝npm(該問題也可以通過將node_modules文件夾從第一個應用程序根目錄複製到新應用程序),因爲我處於學習階段,所以我需要爲我學習的每一件新事物創建一個新項目。

更新: 我使用的是Windows 8.1,V8.1.4的NodeJS的最新版本(也嘗試了LTS),NPM版本5.0.3和Visual Studio代碼。一切安裝完美無誤。

+0

你安裝了https://github.com/angular/angular-cli嗎? – onetwo12

+0

是的,我已經安裝Angular-CLI使用npm install -g @ angular/cli –

+0

檢查你的'package.json'並看看有什麼'ng serve --open' – onetwo12

回答

0

使用@angular/cli創建的任何新項目都不會將node_modules開箱。您必須在您創建的每個項目中運行npm install。 (React CLI「create-react-app」的情況並非如此。)包json文件是在創建每個新項目時生成的。所以只需在根文件夾中運行npm install即可。

不要複製任何現有項目的node_modules文件夾。它可能有你在新項目中可能不需要的開發/生產依賴項,所以爲什麼要保持垃圾。如果你這樣做npm startng serve既會做同樣的

"scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 

所以:通過CLI在您的應用程序文件夾中創建

最小包裝JSON已經到位以下腳本。

+0

我沒有解決這個問題之前做過這個。 –

+0

使用ng new 創建新項目時,是否在根目錄下的plcae中有node_modules文件夾? –

+0

不,它默認不創建node_module文件夾。如果我從任何現有項目複製並粘貼該文件夾,一切正常。 –