以下是在我的机器上运行的NPM,Angular和Node的版本。
@angular/cli: 1.2.0
node: 6.9.5
os: win32 ia32
@angular/animations: 4.2.6
@angular/common: 4.2.6
@angular/compiler: 4.2.6
@angular/core: 4.2.6
@angular/forms: 4.2.6
@angular/http: 4.2.6
@angular/platform-browser: 4.2.6
@angular/platform-browser-dynamic: 4.2.6
@angular/router: 4.2.6
@angular/cli: 1.2.0
@angular/compiler-cli: 4.2.6
@angular/language-service: 4.2.6
C:\Releases\DTP\Experiance\angular-tour-of-heroes-master>npm -v 5.0.4
我已经下载了英雄应用程序之旅并运行了nmp i
命令,为此我得到了成功的输出。然后我运行了 Angularng serve
命令。
我在控制台中没有看到任何错误,在Chrome的"网络">日志中也没有看到任何错误,但我仍然看不到浏览器中的页面。
我不得不提一下,我是角度的新手,这是我的第一个应用程序。刚才我尝试使用 Chrome 的调试控制台渲染并发现了这个问题:
Uncaught TypeError: undefined is not a function common.es5.js:3062
(anonymous function) common.es5.js:3062
combine common.es5.js:3062
webpackJsonp.../../../common/@angular/common.es5.js common.es5.js:2912
__webpack_require__ bootstrap 7034ec41c5e0cfa2926c:54
webpackJsonp.../../../platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js http.es5.js:2183
__webpack_require__ bootstrap 7034ec41c5e0cfa2926c:54
webpackJsonp.../../../../../src/main.ts environment.ts:8
__webpack_require__ bootstrap 7034ec41c5e0cfa2926c:54
webpackJsonp main.ts:11
__webpack_require__ bootstrap 7034ec41c5e0cfa2926c:54
webpackJsonpCallback bootstrap 7034ec41c5e0cfa2926c:25
(anonymous function) main.bundle.js:1
解决此问题的唯一方法是重新安装这些。我确实重新安装了节点缓存并且它有效 - 但是我遇到了节点库下载缓慢的问题,该库在节点/npm升级后得到了解决。