离子2:用茉莉花和业力错误'ng test'测试 [英] Ionic 2 : Test with jasmine and karma error 'ng test'

问题描述

我尝试遵循本教程:

http://lathonez.com/2017/ionic-2-unit-测试/

当我运行"ng test"时，出现此错误:

And when I run "ng test" I have this error :

C:\xampp\htdocs\AppFineMobile>ng test
27 03 2017 11:55:00.556:ERROR [preprocess]: Can not load "angular-cli", it is not registered!
  Perhaps you are missing some plugin?
No provider for "framework:angular-cli"! (Resolving: framework:angular-cli)
Error: No provider for "framework:angular-cli"! (Resolving: framework:angular-cli)
    at error (C:\xampp\htdocs\AppFineMobile\node_modules\di\lib\injector.js:22:12)
    at Object.get (C:\xampp\htdocs\AppFineMobile\node_modules\di\lib\injector.js:9:13)
    at Injector.get (C:\xampp\htdocs\AppFineMobile\node_modules\di\lib\injector.js:54:19)
    at C:\xampp\htdocs\AppFineMobile\node_modules\karma\lib\server.js:143:20
    at Array.forEach (native)
    at Server._start (C:\xampp\htdocs\AppFineMobile\node_modules\karma\lib\server.js:142:21)
    at Injector.invoke (C:\xampp\htdocs\AppFineMobile\node_modules\di\lib\injector.js:75:15)
    at Server.start (C:\xampp\htdocs\AppFineMobile\node_modules\karma\lib\server.js:103:18)
    at Promise (C:\xampp\htdocs\AppFineMobile\node_modules\@angular\cli\tasks\test.js:35:25)
    at Class.run (C:\xampp\htdocs\AppFineMobile\node_modules\@angular\cli\tasks\test.js:15:16)
    at Class.run (C:\xampp\htdocs\AppFineMobile\node_modules\@angular\cli\commands\test.js:99:25)
    at Class.<anonymous> (C:\xampp\htdocs\AppFineMobile\node_modules\@angular\cli\ember-cli\lib\models\command.js:134:17)
    at process._tickCallback (internal/process/next_tick.js:103:7)

我不知道该怎么办.我刚开始运行此命令:

I don't understand what I have to do. I had run this command at first :

npm install --save-dev @angular/cli @types/jasmine @types/node jasmine-core jasmine-spec-reporter karma karma-chrome-launcher karma-cli karma-jasmine karma-jasmine-html-reporter karma-coverage-istanbul-reporter

效果很好，我添加了教程中提到的所有文件...

It work well, and I add all file mentioned in the tutorial ...

在我的test.ts文件中，我的导入错误:

In my test.ts file I have an error in my import :

import { getTestBed, TestBed } from '@angular/core/testing';

我有:找不到模块'@ angular/core/testing'，但是它存在于我的模块文件夹中...

I have : Cannot find module '@angular/core/testing', but it exist in my module folder...

有人有主意吗?

推荐答案

目前似乎有3种方法对ionic 2项目进行单元测试.

There looks to be three ways of unit testing ionic 2 projects going around at the moment.

1. angular-cli (不推荐使用，但对我来说很好用)
2. @ angular/cli (新的光泽但如果您已经有angular-cli设置，也很难升级) http://lathonez.com/2017/ionic-2-unit-testing/
3. 使用"ionic test"调用的脚本(有关详细信息，请参见ionic博客，并链接到测试示例) http://blog.ionic.io/basic-unit-testing-in -ionic/

1. angular-cli ( deprecated but works fine for me )
2. @angular/cli ( new shiny but tricky to upgrade too if you have an angular-cli setup already ) http://lathonez.com/2017/ionic-2-unit-testing/
3. Using scripts called by "ionic test" ( see ionic blog for details and link to test example ) http://blog.ionic.io/basic-unit-testing-in-ionic/

很快也会有另一种方式

ionic博客:我们还在Ionic CLI(或更准确地说，@ ionic/app-scripts)中进行烘焙单元测试.敬请关注."

ionic blog: "We’re also working on baking unit testing right into the Ionic CLI (or more accurately, @ionic/app-scripts). Stay tuned for that."

如果您可以稍等，我将等待Ionic CLI版本.从长远来看，这可能会给您带来最少的问题，因为离子团队将保持运行，将随之而来的是所有新的闪亮离子善良.

If you can wait a bit I would wait for Ionic CLI version. It's likely to give you the least amount of problems long run, as the ionic team will keep it running will all the new shiny ionic goodness that comes along.

这篇关于离子2:用茉莉花和业力错误'ng test'测试的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！