InversifyJS : 인터페이스를 사용하여 바인딩 할 수 없습니다.

Question

Inversify JS를 사용하여 TypeScript App에 종속성을 주입하려고합니다. 내가 예를 제공하지만, Vscode 및 tsc이 오류 내보낼 필요가 [ts] Untyped function calls may not accept type arguments. [ts] Cannot find name 'Warrior'.

Answer 1

1. 을 보여 바인딩 라인에 실패 무엇을 적용

   // file interfaces.ts 
   interface Warrior { 
       fight(): string; 
   } 
   
   // file types.ts 
   const TYPES = { 
       Warrior: Symbol("Warrior") 
   }; 
   export { TYPES }; 
   
   // file entities.ts 
   import { injectable, inject } from "inversify"; 
   import "reflect-metadata"; 
   import { Warrior } from "./interfaces" 
   import { TYPES } from "./types"; 
   
   @injectable() 
   class WarriorImpl implements Warrior { 
       public constructor(){ 
       } 
       public fight() { return "I fight"; } 
   } 
   export { WarriorImpl }; 
   
   // file inversify.config.ts 
   import { Container } from "inversify"; 
   import TYPES from "./types"; 
   import { Warrior } from "./interfaces"; 
   import { WarriorImpl } from "./entities"; 
   const myContainer = new Container(); 
   myContainer.bind<Warrior>(TYPES.Warrior).to(WarriorImpl); 
   export { myContainer }; 
   

   : 나는 https://github.com/inversify/InversifyJS 페이지의 예를 사용하여 시작 그것이 가져올의 인터페이스 :

   // file interfaces.ts 
   export interface Warrior { 
       fight(): string; 
   } 
   

2. inversify.config.ts에있는 당신의 수입이 있어야한다 :

   import { TYPES } from "./types"; 
   

3. 실제로 라이브러리 (npm install inversify)를 설치했는지 확인하십시오. 오류 Untyped function calls may not accept type arguments은 누락 된 유형 정보입니다.