2017-10-06 81 views
1

有些人可能會發現這個問題,重複的,但讓我說,我是一個初學者到角2,NPM和節點,它發現甚至很難建立環境。真的不知道怎麼會難弄一旦我開始做與角2不同版本 - 學習角2

東西,我已開始關注this的例子,但結束了這是由這樣解釋不同的軟件包版本等的失配誤差百和hundred Stack Over Flow中的不同人員放棄了這個練習並重新設置了NPM和Node等,並開始遵循link2

通過遵循link2我已經安裝了一些警告和錯誤的NPM。屏幕截圖是遵循

NPM installation result where it is showing Node version 5.4.1

進一步移動到安裝的NodeJS的第二個步驟,我從here下載推薦的版本(6.11.4),並安裝在其默認位置(C:\ Program Files文件\的NodeJS)。屏幕截圖是遵循

enter image description here

上述軟件的安裝後,我很奇怪,爲什麼我有不同版本的的NodeJS,因爲它可以看到從屏幕截圖1和2。雖然,兩個路徑指向不同的位置,但我跟在link2中。我在這裏錯過了什麼,或者這是應該如何?哦!忘了提及,我已將Visual Web Tools設置爲Visual Studio(2015)中的C:\ Program Files \ nodejs位置。

VS 2015年外部Web工具設置截屏如下

enter image description here

我在這裏完全失去了和真的不想浪費時間開始之後的任何角度2實踐例子,然後找到由於舊版本的軟件包等,再次出現錯誤。另外,不太明白爲什麼設置Angular 2的環境是一件很痛苦的事情?

+0

你會發現Visual Studio將有自己的Node.js和受打字稿的版本。您可以通過更改節點和npm的路徑來修復node.js問題(在VS「外部Web工具」中,然後優先考慮Node.js和npm的路徑)。您可以通過安裝用於Typescript的最新VS擴展來修復Typescript問題(您可能不得不從Visual Studio的外部查看Typescript擴展 - 確保它來自Microsoft)。如果您想知道您安裝的是哪種版本的Typescript,請轉到Visual Studio>幫助>關於Visual Studio。 – pixelbits

+0

當我按照link1代碼項目示例進行操作時,我確實安裝了最新版本的Typescript。 –

+1

確保它與Visual Studio外部的「tsc -v」版本相同,以確保使用「npm install」安裝的Typescript節點包與Visual Studio使用的版本相同。 – pixelbits

回答

2

我有類似的問題。問題在於Visual Studio安裝了它自帶的版本節點,並將環境變量設置爲舊版本。

嘗試檢查任何參考節點的環境變量「路徑」。

如果你想使用Visual Studio做這一切作爲IDE,嘗試將tools > optionsProjects and solutions -> External Web Tools並添加路由到您的新手動安裝節點:

enter image description here

如果你不使用Visual Studio(比如說,你使用Visual Stuido代碼,這是不同的),儘量不使用Visual Studio的目錄包含您的項目。

編輯:看你已經這樣做了 - 你可以顯示屏幕截圖?你重新啓動VS?是什麼樣的順序,他們在(這很重要)。嘗試將$(PATH)也移到頂端。 nodejs應該被添加到你的PATH變量中。

另外,真的不明白爲什麼要爲Angular 2設置環境這麼痛苦嗎?

這是試圖讓所有這些工具一起工作的現實。 Angular和其他任何東西一樣糟糕。如果你想做任何複雜的JavaScript開發,你需要安裝Node並完成所有這些。

一旦你爬過山頂,並開始能夠事情變得更好!堅持下去。

+0

我正在使用VS 2015,並且已經在IDE中設置了路徑,正如我原來的帖子中所解釋的。 –

+0

對不起,錯過了,增加了編輯。你可以張貼截圖嗎?順序很重要。 – Joe

+0

我編輯了我原來的帖子。外部Web工具設置截圖被添加。 –