모듈 확대를 통해 기존 TypeScript 인터페이스에 속성을 추가해도 영향이 없음

Question

@types/hapi에 의존하는 노드 응용 프로그램이 있습니다. 이 모듈에 정의 된 클래스 중 하나에 속성을 추가하고 싶습니다.

// my-custom-hapi-typings.d.ts 
import * as hapi from 'hapi'; 

declare module hapi { 
    interface Server { 
     myProperty: string; 
    } 
} 

이 어떤 컴파일러 오류가 발생하지 않습니다, 그러나 또한 Server 클래스에 myProperty 속성을 추가하지 않습니다 나는 모듈 확대를 통해 나의 새로운 속성을 정의하는 시도했습니다.

// my-other-file.ts 
import * as hapi from 'hapi'; 

const server = new hapi.Server({ ... }); 

// error: Property 'myProperty' does not exist on type 'Server'. 
server.myProperty = 'hello'; 

왜 타이프 스크립트 컴파일러 내 .d.ts 파일을 무시하는 것처럼 보인다 : 나는 시도하고 다음과 같은 속성을 참조 할 때 나는 아직도 다른 곳에서 내 프로젝트의 오류를 얻을? 파일을 "가져올"필요가 있거나이 파일이 존재한다는 것을 TypeScript 컴파일러가 인식하도록해야합니까? 나는 입력 소스 디렉토리에 .d.ts 파일을 두는 것만으로도이 보강 작업을 수행하기에 충분했습니다.

Answer 1

이 당신의 문제입니다 :

declare module hapi { 

이 실제로 사용 전 날짜 ES6 모듈이 "내부 모듈"라고하는 오래된 구문을 사용하여 namespace을 정의한다. module hapi을 쓰는 것은 오늘 바람직한 문법 인 namespace hapi을 쓰는 것과 같습니다. More on namespaces vs modules here.

declare an external module에 당신은 따옴표로 모듈 이름을 추가해야한다

[...] 네임 스페이스를 주변과 비슷한 구조를 사용하지만, 우리는 module 키워드와 인용 된 이름의를 사용 나중에 가져올 수있는 모듈

이 (my-custom-hapi-typings.d.ts 직접 수입 할 필요가 없습니다)를 주변 외부 모듈 정의 (무엇을 import "hapi"를 선언 이제

declare module "hapi" 

이있다 : 즉

, 그냥 따옴표로 hapi를 넣어 당신을 준다), 당신은 그 안에 선언 된 것을 보강 할 수있다.

module hapi 및 module "hapi"in the Playground을 통해 마우스를 사용하면 툴팁의 차이를 볼 경우

네, 그 뒤에 역사로 인해 미묘하고 복잡합니다.