Angular Quickstart 开箱即用的业力测试失败

Question

在 Windows 10 上全新安装后，官方 Angular 快速入门无法运行业力测试。我输入了以下 4 个命令，没有别的：

C:\projects\temp>git clone https://github.com/angular/quickstart.git
C:\projects\temp>cd C:\projects\temp\quickstart  
C:\projects\temp\quickstart>npm install    
...install logs omitted for brevity  
C:\projects\temp\quickstart>npm start  
...app launched successfully, but logs omitted for brevity  
C:\projects\temp\quickstart>npm test  
...Error shown in complete logs below  

最终命令后产生的完整错误信息如下：

C:\projects\temp\quickstart>npm test

> angular-quickstart@1.0.0 pretest C:\projects\temp\quickstart
> npm run build


> angular-quickstart@1.0.0 build C:\projects\temp\quickstart
> tsc -p src/


> angular-quickstart@1.0.0 test C:\projects\temp\quickstart
> concurrently "npm run build:watch" "karma start karma.conf.js"

[0]
[0] > angular-quickstart@1.0.0 build:watch C:\projects\temp\quickstart
[0] > tsc -p src/ -w
[0]
[1] 01 06 2017 14:33:49.385:WARN [watcher]: Pattern "C:/projects/temp/quickstart/testing/**/*.js" does not match any file.
[1] 01 06 2017 14:33:49.406:WARN [watcher]: Pattern "C:/projects/temp/quickstart/testing/**/*.ts" does not match any file.
[1] 01 06 2017 14:33:49.407:WARN [watcher]: Pattern "C:/projects/temp/quickstart/testing/**/*.js.map" does not match any file.
[1] 01 06 2017 14:33:49.891:WARN [karma]: No captured browser, open http://localhost:9876/
[1] 01 06 2017 14:33:49.906:WARN [karma]: Port 9876 in use
[1] 01 06 2017 14:33:49.908:INFO [karma]: Karma v1.7.0 server started at http://0.0.0.0:9877/
[1] 01 06 2017 14:33:49.908:INFO [launcher]: Launching browser Chrome with unlimited concurrency
[1] 01 06 2017 14:33:49.958:INFO [launcher]: Starting browser Chrome
[1] 01 06 2017 14:33:51.821:INFO [watcher]: Changed file "C:/projects/temp/quickstart/src/app/app.component.js".
[1] 01 06 2017 14:33:51.843:INFO [watcher]: Changed file "C:/projects/temp/quickstart/src/app/app.component.spec.js".
[1] 01 06 2017 14:33:51.850:INFO [watcher]: Changed file "C:/projects/temp/quickstart/src/app/app.module.js".
[0] 2:33:51 PM - Compilation complete. Watching for file changes.
[1] 01 06 2017 14:33:51.873:INFO [watcher]: Changed file "C:/projects/temp/quickstart/src/main.js".
[1] 01 06 2017 14:33:51.965:INFO [Chrome 58.0.3029 (Windows 10 0.0.0)]: Connected on socket pXysNFDP8RC3agm8AAAA with id 9156960
[1] 01 06 2017 14:33:52.077:INFO [karma]: Delaying execution, these browsers are not ready: Chrome 58.0.3029 (Windows 10 0.0.0)

为了使npm test 在 Windows 10 上开箱即用，需要进行哪些更改？

Answer 1

Angular 快速入门项目在很大程度上已被 Angular CLI 取代。我建议将 CLI 用于任何新项目，因为它不仅为您提供了应用程序的初始框架，而且还会在您扩展应用程序时生成所需的额外样板。

在安装 Angular CLi 之前，请确保您拥有最新版本的 Node（6.9.0 或更高版本）和 NPM（3 或更高版本）。此外，可能还有文档中未列出的其他先决条件，要在 Android 系统上安装，我发现它还需要安装 Python 2.7 和 g++。

安装方式：

npm install -g @angular/cli

创建一个新项目：

ng new PROJECT-NAME
cd PROJECT-NAME
ng serve

ng new 需要一些时间才能完成，因为除了构建项目结构之外，它还可以完成 npm install。

使用ng test 运行单元测试，使用ng e2e 运行端到端测试。 ng test 和 ng serve 都将持续运行以监视更改并重建受影响的代码。如果您愿意，您甚至可以让两者在单独的窗口中运行。

ng generate BLUEPRINT 将生成新代码，蓝图包括模块、组件、服务、类、指令、枚举、守卫、接口、管道 其他有用的命令：。在编写真正的应用程序之前，您可能需要对此进行一些试验：默认情况下，每个组件或服务都会进入其自己的子目录并添加到顶级应用程序模块中，但如果您愿意，可以显式创建模块以提供额外的结构.

• ng build：将您的应用程序构建到输出路径中。
• ng doc KEYWORD：打开该关键字的角度文档。
• ng eject：弹出应用并输出 webpack 配置
• ng lint: lints 项目
• ng xi18n：从项目中提取 i18n 消息。

Answer 2

这不是答案，只是提供更多案例以找出根本原因。 我按照你描述的步骤得到了这个：

D:\Project\temp\quickstart>npm test

> angular-quickstart@1.0.0 pretest D:\Project\temp\quickstart
> npm run build


> angular-quickstart@1.0.0 build D:\Project\temp\quickstart
> tsc -p src/


> angular-quickstart@1.0.0 test D:\Project\temp\quickstart
> concurrently "npm run build:watch" "karma start karma.conf.js"

[0]
[0] > angular-quickstart@1.0.0 build:watch D:\Project\temp\quickstart
[0] > tsc -p src/ -w
[0]
[1] 02 06 2017 22:34:04.733:WARN [watcher]: Pattern 
"D:/Project/temp/quickstart/testing/**/*.js" does not match any file.
[1] 02 06 2017 22:34:04.746:WARN [watcher]: Pattern 
"D:/Project/temp/quickstart/testing/**/*.ts" does not match any file.
[1] 02 06 2017 22:34:04.747:WARN [watcher]: Pattern 
"D:/Project/temp/quickstart/testing/**/*.js.map" does not match any file.
[1] 02 06 2017 22:34:05.103:WARN [karma]: No captured browser, open 
http://localhost:9876/
[1] 02 06 2017 22:34:05.120:INFO [karma]: Karma v1.7.0 server started at 
http://0.0.0.0:9876/
[1] 02 06 2017 22:34:05.120:INFO [launcher]: Launching browser Chrome with 
unlimited concurrency
[1] 02 06 2017 22:34:05.156:INFO [launcher]: Starting browser Chrome
[1] 02 06 2017 22:34:06.742:INFO [Chrome 58.0.3029 (Windows 10 0.0.0)]: 
Connected on socket GGConP8Ks64GubSYAAAA with id 70486747
[1] 02 06 2017 22:34:07.822:INFO [watcher]: Changed file 
"D:/Project/temp/quickstart/src/app/app.component.js".
[1] 02 06 2017 22:34:07.837:INFO [watcher]: Changed file 
"D:/Project/temp/quickstart/src/app/app.component.spec.js".
[1] 02 06 2017 22:34:07.856:INFO [watcher]: Changed file 
"D:/Project/temp/quickstart/src/app/app.module.js".
[0] 10:34:07 PM - Compilation complete. Watching for file changes.
[1] 02 06 2017 22:34:07.865:INFO [watcher]: Changed file 
"D:/Project/temp/quickstart/src/main.js".
[1] 02 06 2017 22:34:08.084:INFO [karma]: Delaying execution, these browsers 
are not ready: Chrome 58.0.3029 (Windows 10 0.0.0)
Chrome 58.0.3029 (Windows 10 0.0.0): Executed 2 of 2 SUCCESS (0.159 secs / 
0.149 secs)
Chrome 58.0.3029 (Windows 10 0.0.0): Executed 2 of 2 SUCCESS (0.117 secs / 
0.112 secs)