2016-09-20 74 views
0

OK我難倒:有一個基本的,最小的,工作角2教程適用於Visual Studio 2015年enter image description here實際工作?角2 - 斜面負荷演示庫(Visual Studio的2015年)

我已經嘗試了許多教程包括官方之一: https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

信不信由你,在寫這篇文章這個例子不工作的時間 - 拋出一個404在NPM包引用大量依賴.json文件(對於其他人來說,他們引用了很多beta版或不存在的引用)。

我的意思是,你在哪裏實際上從下載角2分型?它們當然不會在官方網站上與其他庫一起列出:https://code.angularjs.org/

在Visual Studio中創建Angular 2應用程序似乎非常複雜,它不需要大量的依賴關係並且實際工作。

難道只是我或者是在VS開發社區的其他成員遇到了同樣的?

輸出NPM的package.json:

npm WARN package.json [email protected] No README data 
npm http GET https://registry.npmjs.org/core-js 
npm http GET https://registry.npmjs.org/bootstrap 
npm http GET https://registry.npmjs.org/reflect-metadata 
npm http GET https://registry.npmjs.org/zone.js 
npm http GET https://registry.npmjs.org/systemjs 
npm http GET https://registry.npmjs.org/angular2-in-memory-web-api 
npm http GET https://registry.npmjs.org/http-server 
npm http GET https://registry.npmjs.org/lite-server 
npm http GET https://registry.npmjs.org/canonical-path 
npm http GET https://registry.npmjs.org/jasmine-core 
npm http GET https://registry.npmjs.org/karma-chrome-launcher 
npm http GET https://registry.npmjs.org/karma-htmlfile-reporter 
npm http GET https://registry.npmjs.org/angular/core 
npm http GET https://registry.npmjs.org/angular/compiler 
npm http GET https://registry.npmjs.org/angular/common 
npm http GET https://registry.npmjs.org/angular/platform-browser 
npm http GET https://registry.npmjs.org/angular/platform-browser-dynamic 
npm http GET https://registry.npmjs.org/angular/http 
npm http GET https://registry.npmjs.org/angular/forms 
npm http GET https://registry.npmjs.org/angular/router 
npm http GET https://registry.npmjs.org/angular/upgrade 
npm http GET https://registry.npmjs.org/karma-cli 
npm http GET https://registry.npmjs.org/karma-jasmine 
npm http GET https://registry.npmjs.org/rxjs 
npm http GET https://registry.npmjs.org/lodash 
npm http GET https://registry.npmjs.org/typescript 
npm http GET https://registry.npmjs.org/tslint 
npm http GET https://registry.npmjs.org/typings 
npm http GET https://registry.npmjs.org/karma 
npm http GET https://registry.npmjs.org/protractor 
npm http GET https://registry.npmjs.org/rimraf 
npm http GET https://registry.npmjs.org/concurrently 
npm http 304 https://registry.npmjs.org/systemjs 
npm http 304 https://registry.npmjs.org/zone.js 
npm http 304 https://registry.npmjs.org/core-js 
npm http 304 https://registry.npmjs.org/reflect-metadata 
npm http 304 https://registry.npmjs.org/angular2-in-memory-web-api 
npm http 200 https://registry.npmjs.org/http-server 
npm http 304 https://registry.npmjs.org/lite-server 
npm http 304 https://registry.npmjs.org/jasmine-core 
npm http 304 https://registry.npmjs.org/karma-chrome-launcher 
npm http 304 https://registry.npmjs.org/bootstrap 
npm http 304 https://registry.npmjs.org/karma-htmlfile-reporter 
npm http 304 https://registry.npmjs.org/canonical-path 
npm http 404 https://registry.npmjs.org/angular/core 
npm ERR! 404 Not Found 
npm ERR! 404 
npm ERR! 404 'angular/core' is not in the npm registry. 
npm ERR! 404 You should bug the author to publish it 
npm ERR! 404 It was specified as a dependency of 'angular-quickstart' 
npm ERR! 404 
npm ERR! 404 Note that you can also install from a 
npm ERR! 404 tarball, folder, or http url, or git url. 
npm ERR! System Windows_NT 6.2.9200 
npm ERR! command "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\\\node\\node" "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" 
npm ERR! cwd D:\www\WebApplication1\WebApplication1 
npm ERR! node -v v0.10.31 
npm ERR! npm -v 1.4.9 
npm ERR! code E404 
npm http 404 https://registry.npmjs.org/angular/platform-browser 
npm http 404 https://registry.npmjs.org/angular/platform-browser-dynamic 
npm http 404 https://registry.npmjs.org/angular/http 
npm http 404 https://registry.npmjs.org/angular/compiler 
npm http 404 https://registry.npmjs.org/angular/router 
npm http 404 https://registry.npmjs.org/angular/upgrade 
npm http 404 https://registry.npmjs.org/angular/common 
npm http 304 https://registry.npmjs.org/karma-cli 
npm http 304 https://registry.npmjs.org/karma-jasmine 
npm http 304 https://registry.npmjs.org/rxjs 
npm http 304 https://registry.npmjs.org/typescript 
npm http 304 https://registry.npmjs.org/tslint 
npm http 404 https://registry.npmjs.org/angular/forms 
npm http 304 https://registry.npmjs.org/karma 
npm http 304 https://registry.npmjs.org/protractor 
npm http 200 https://registry.npmjs.org/lodash 
npm http 304 https://registry.npmjs.org/typings 
npm http 304 https://registry.npmjs.org/concurrently 
npm http 200 https://registry.npmjs.org/rimraf 
npm 

====npm command completed with exit code 1==== 
+0

您是否嘗試更新'node'和'npm'版本? https://angular.io/docs/ts/latest/quickstart.html#!#prereq'我們的例子中需要節點v5.xx或更高,NPM的3.xx或higher' – yurzui

+0

是的,從這裏最新和最偉大V6:HTTPS ://nodejs.org/en/ – MarzSocks

+0

你能打印'node -v'和'npm -v'嗎? – yurzui

回答

0

的Visual Studio 2015年是隨一些外部工具。因此,儘管安裝了最新版本的Node,但它使用的是自帶的版本,這些版本自然是過時的。

爲了讓VS使用最新安裝的版本我做了以下內容:

  • 公開賽:工具 - >選項
  • 查找:外部Web工具
  • 地址:$(PATH)的TOP列表(或外部工具上面的路徑)

欲瞭解更多信息請閱讀這篇文章: https://blogs.msdn.microsoft.com/webdev/2015/03/19/customize-external-web-tools-in-visual-studio-2015/