モジュールの増強による既存のTypeScriptインターフェイスへのプロパティの追加は無効です

Question

@types/hapiに依存するノードアプリケーションがあります。このモジュールで定義されているクラスの1つにプロパティを追加したいと思います。私は、モジュールの増強を経由して私の新しいプロパティを定義しようとしました：

// 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ファイルをソースディレクトリに配置するだけで、TypeScriptがこれらの機能強化を引き受けるのに十分であるという印象を受けました。

Answer 1

これはあなたの問題である：

declare module hapi { 

これは実際には「内部モジュール」と呼ばれるように使用前の日付ES6モジュール古い構文を使用して、namespaceを定義しています。 module hapiを書くことは今日の好ましい構文であるnamespace hapiを書くことと同じです。 declare an external moduleにMore on namespaces vs modules here.

あなただけの引用符でモジュール名を入れる必要があります：[...]

周囲の名前空間に似た構文を使用しますが、我々はのmoduleキーワードと引用符付きの名前を使用後でインポートするために使用できるモジュール。言い換えれば

、ちょうど引用符でhapiを置く：

declare module "hapi" 

を今、あなたは周囲（my-custom-hapi-typings.d.tsを直接インポートする必要はありません）外部モジュール定義は（何import "hapi"を宣言していあなたの中に宣言されているものを増やすことができます。

module hapiとmodule "hapi"in the Playgroundにマウスポインタを重ねるには、あなたがツールチップの違いが表示されます場合は、次の

はい、それはその背後にある歴史による微妙と紛らわしいです。