angular-phonecat 项目无法启动

AngularJS教程： http://angularjs.cn/A00a

学习到第七章时：AngularJS入门教程07：路由与多视图

通过命令：git checkout -f step-7  下载了第七课后，在通过命令 npm start 启动项目时，抛出异常：

E:\workspaces\WebStorm workspaces\angular-phonecat>npm start> angular-phonecat@0.0.0 prestart E:\workspaces\WebStorm workspaces\angular-phonecat> npm install> angular-phonecat@0.0.0 postinstall E:\workspaces\WebStorm workspaces\angular-phonecat> bower installbower cached        git://github.com/angular/bower-angular.git#1.2.17bower validate      1.2.17 against git://github.com/angular/bower-angular.git#=1.2.17bower cached        git://github.com/angular/bower-angular-route.git#1.2.17bower validate      1.2.17 against git://github.com/angular/bower-angular-route.git#=1.2.17bower cached        git://github.com/angular/bower-angular.git#1.2.20bower validate      1.2.20 against git://github.com/angular/bower-angular.git#1.2.20bower ECONFLICT     Unable to find suitable version for angularnpm ERR! angular-phonecat@0.0.0 postinstall: `bower install`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the angular-phonecat@0.0.0 postinstall script.npm ERR! This is most likely a problem with the angular-phonecat package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR!     bower installnpm ERR! You can get their info via:npm ERR!     npm owner ls angular-phonecatnpm ERR! There is likely additional logging output above.npm ERR! System Windows_NT 6.1.7601npm ERR! command "D:\\Program Files (x86)\\nodejs\\\\node.exe" "D:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"npm ERR! cwd E:\workspaces\WebStorm workspaces\angular-phonecatnpm ERR! node -v v0.10.26npm ERR! npm -v 1.4.3npm ERR! code ELIFECYCLEnpm ERR!npm ERR! Additional logging details can be found in:npm ERR!     E:\workspaces\WebStorm workspaces\angular-phonecat\npm-debug.lognpm ERR! not ok code 0npm ERR! angular-phonecat@0.0.0 prestart: `npm install`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the angular-phonecat@0.0.0 prestart script.npm ERR! This is most likely a problem with the angular-phonecat package,npm ERR! not with npm itself.npm ERR! Tell the author that this fails on your system:npm ERR!     npm installnpm ERR! You can get their info via:npm ERR!     npm owner ls angular-phonecatnpm ERR! There is likely additional logging output above.npm ERR! System Windows_NT 6.1.7601npm ERR! command "D:\\Program Files (x86)\\nodejs\\\\node.exe" "D:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"npm ERR! cwd E:\workspaces\WebStorm workspaces\angular-phonecatnpm ERR! node -v v0.10.26npm ERR! npm -v 1.4.3npm ERR! code ELIFECYCLEnpm ERR!npm ERR! Additional logging details can be found in:npm ERR!     E:\workspaces\WebStorm workspaces\angular-phonecat\npm-debug.lognpm ERR! not ok code 0

提示 bower ECONFLICT     Unable to find suitable version for angular

bower 没有找到合适的angular版本。

解决办法：

angular-phonecat 根目录下的 bower.json 文件

{  "name": "angular-seed",  "description": "A starter project for AngularJS",  "version": "0.0.0",  "homepage": "https://github.com/angular/angular-seed",  "license": "MIT",  "private": true,  "dependencies": {    "angular": "1.2.x",    "angular-mocks": "~1.2.x",    "jquery": "1.10.2",    "bootstrap": "~3.1.1",    "angular-route": "~1.2.x"  }}

把angular 的版本修改，写死为 “=1.2.20”

{  "name": "angular-seed",  "description": "A starter project for AngularJS",  "version": "0.0.0",  "homepage": "https://github.com/angular/angular-seed",  "license": "MIT",  "private": true,  "dependencies": {    "angular": "=1.2.20",    "angular-mocks": "~1.2.x",    "jquery": "1.10.2",    "bootstrap": "~3.1.1",    "angular-route": "=1.2.20"  }}

然后再用 npm start 命令启动，就能启动成功了。

E:\workspaces\WebStorm workspaces\angular-phonecat>npm start> angular-phonecat@0.0.0 prestart E:\workspaces\WebStorm workspaces\angular-phonecat> npm install> angular-phonecat@0.0.0 postinstall E:\workspaces\WebStorm workspaces\angular-phonecat> bower installbower not-cached    git://github.com/angular/bower-angular-route.git#=1.2.20bower resolve       git://github.com/angular/bower-angular-route.git#=1.2.20bower cached        git://github.com/angular/bower-angular.git#1.2.20bower validate      1.2.20 against git://github.com/angular/bower-angular.git#1.2.20bower cached        git://github.com/angular/bower-angular.git#1.2.20bower validate      1.2.20 against git://github.com/angular/bower-angular.git#=1.2.20bower download      https://github.com/angular/bower-angular-route/archive/v1.2.20.tar.gzbower extract       angular-route#=1.2.20 archive.tar.gzbower invalid-meta  angular-route is missing "ignore" entry in bower.jsonbower resolved      git://github.com/angular/bower-angular-route.git#1.2.20bower install       angular#1.2.20bower install       angular-route#1.2.20angular#1.2.20 app\bower_components\angularangular-route#1.2.20 app\bower_components\angular-route└── angular#1.2.20> angular-phonecat@0.0.0 start E:\workspaces\WebStorm workspaces\angular-phonecat> http-server -p 8000Starting up http-server, serving ./ on port: 8000Hit CTRL-C to stop the server

通过http://localhost:8000/app/index.html 访问，正常显示。