ES6 Aurelia 依赖注入混淆

Question

根据我在博客上阅读的内容，这是您在 Aurelia 和 ES6 中执行 DI 的方法，但它不起作用。

diag.js：

export class Diag  {
  constructor(){
      this.test = `success`;
  }
}

testservice.js：

import {inject} from 'aurelia-framework';
import {Diag} from './diag';

@inject(Diag)
export class TestService{ 
  constructor(diag){
    console.log(diag);
  }
}

>undefined.

在控制台中，我只得到“未定义”。但是，如果我在没有 DI 的情况下这样做，它可以正常工作：

import {Diag} from './diag';

export class TestService{ 
  constructor(){
    console.log(Diag);
  }
}

因此，如果我在没有 DI 的情况下导入它，它可以工作，但是一旦我尝试像在在线示例中看到的那样执行 DI，它会告诉我该类是未定义的。我很困惑。有什么帮助吗？

Answer 1

确保您使用依赖注入来获取TestService 的实例。

import {inject} from 'aurelia-framework';
import {TestService} from './test-service';

@inject(TestService)
export class App { 
  constructor(service) {
    ...
  }
}