Angular：如何在单元测试中调试注入错误

我有时在单元测试中看到一个注入错误，看起来像下面那样，并且我不知道我应该修复哪个依赖关系。我试图玩与我在TestBed.configureTestingModule配置提供商，但没有帮助。任何人都有想法，我可以继续调查这个问题？Angular：如何在单元测试中调试注入错误

✖ should create 
    Chrome 57.0.2987 (Mac OS X 10.11.0) 
Error 
    at injectionError (webpack:///~/@angular/core/@angular/core.es5.js:1232:21 <- src/test.ts:1992:86) [angular] 
    at noProviderError (webpack:///~/@angular/core/@angular/core.es5.js:1270:0 <- src/test.ts:2030:12) [angular] 
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._throwOrNull (webpack:///~/@angular/core/@angular/core.es5.js:2772:0 <- src/test.ts:3532:19) [angular] 
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._getByKeyDefault (webpack:///~/@angular/core/@angular/core.es5.js:2811:0 <- src/test.ts:3571:25) [angular] 
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._getByKey (webpack:///~/@angular/core/@angular/core.es5.js:2743:0 <- src/test.ts:3503:25) [angular] 
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_.get (webpack:///~/@angular/core/@angular/core.es5.js:2612:0 <- src/test.ts:3372:21) [angular] 
    at DynamicTestModuleInjector.Array.concat.NgModuleInjector.get (webpack:///~/@angular/core/@angular/core.es5.js:3577:0 <- src/test.ts:4337:52) [angular] 
    at resolveDep (webpack:///~/@angular/core/@angular/core.es5.js:10981:0 <- src/test.ts:11741:45) [angular] 
    at createClass (webpack:///~/@angular/core/@angular/core.es5.js:10849:0 <- src/test.ts:11609:32) [angular] 
    at createDirectiveInstance (webpack:///~/@angular/core/@angular/core.es5.js:10675:21 <- src/test.ts:11435:37) [angular] 
    at createViewNodes (webpack:///~/@angular/core/@angular/core.es5.js:12024:33 <- src/test.ts:12784:49) [angular] 
    at callViewAction (webpack:///~/@angular/core/@angular/core.es5.js:12394:0 <- src/test.ts:13154:13) [angular] 
    at execComponentViewsAction (webpack:///~/@angular/core/@angular/core.es5.js:12333:0 <- src/test.ts:13093:13) [angular] 
    at createViewNodes (webpack:///~/@angular/core/@angular/core.es5.js:12051:0 <- src/test.ts:12811:5) [angular]

我使用：angular: 4.0.0 ng-cli: 1.0.0

来源

2017-04-25 MIkhail Romanov

找到一个可行的方法。堆栈跟踪显示有一个resolveDep方法，这会导致错误：

at resolveDep (webpack:///~/@angular/core/@angular/core.es5.js:10982:0 <- src/test.ts:11742:45) [angular]

所以我把一个破发点这种方法中：

debugger; 
return startView.root.ngModule.injector.get(depDef.token, notFoundValue);

，并刷新噶浏览器页面中的文档中描述：https://angular.io/docs/ts/latest/testing/#!#test-debugging

我能看到什么样的依赖关系需要检查devDep变量：

来源

2017-04-26 04:52:12

好找！现在我真的很想知道为什么地球上最重要的信息没有在错误信息中提及...... 您可以从module.ngfactory.js中的行中获得相同的信息： Object.defineProperty（DynamicTestModuleInjector.prototype ，'_SqliteProvider_67'，{get：function（）{ var self = this; if（（self .__ SqliteProvider_67 == null））{（self .__ SqliteProvider_67 = new jit_SqliteProvider49（self.parent.get（jit_SQLite50）））; } return self .__ SqliteProvider_67; }}）; 我在Angular 4.0.2上。 –

Angular：如何在单元测试中调试注入错误

回答

相关问题