自己作成した環境モジュールをtypescriptで作成してインポートするにはどうすればよいですか？

Question

私はウィンドウ内にグローバルオブジェクトを作成する外部のJavaScriptライブラリを持っています。 このオブジェクトをtypescriptコードで使用するには、他のtypescriptファイル内にインポートされる環境モジュールファイル（d.ts）を作成しました。

私が直面しています問題は、コンパイラは、モジュールファイルはモジュール

src/App.ts(6,22): error TS2306: File '/Users/user/ts-problems/src/abc.d.ts' is not a module. 

ではないと言う私もTS-ローダーでのWebPACKを使用しますが（TSC）単独でそれをコンパイルしてるということですが、私与えます同じ結果。

これは

declare module "abc" { 
    export interface Greeter { 
     sayHello(): void; 
    } 
    export var abc: Greeter; 
} 

abc.d.ts周囲モジュールファイルであり、これはApp.tsファイルです：テストプロジェクトはどれhttps://github.com/daneilsan/ts-module-problem

でご利用いただけます

import * as abc from "./abc"; 


class App { 
    static sayGoodbye() { 
     console.log("goodbye from App.ts"); 
    } 
} 

abc.abc.sayHello(); 
App.sayGoodbye(); 

他に何をするべきかわからないので、助けになることは大変ありがたいです。

Answer 1

ファイルabc.d.tsは、最上位にexportまたはimprortステートメントを持たないため、モジュールではなく、相対インポートでは使用できません。つまり、

import ...some stuff... from "./abc"; 

が失敗します。

ただし、デフォルトではので、*.tsまたは*.d.ts拡張子を持つファイルは、コンパイルに含まれている、あなたのtsconfig.jsonにはfiles、includeまたはexclude存在しません。 abc.d.tsを意味

は///referenceに必要ことがありませんので、含まれており、その内のすべての宣言は、コンパイラによって見られ、特にこの1：あなたはこのインポートを使用できることを意味します

declare module "abc" { 
    ... stuff exported here 
} 

import * as abc from "abc"; 

インポートするものを取得する。それはabc.Greeterとabc.abcとして利用可能になります。

このフォーム

import {Greeter, abc} from "abc"; 

は、直接ではなくabc範囲の特性としてGreeterとabcを利用可能にする、動作します。要するに

：物事が働いて得るために、import文でモジュール名はdeclare module声明（​​）と同様に、正確に綴られなければならない、とdeclare moduleを含むファイルは、コンパイル中に含まれていなければならない（それはすでにですtscontigでデフォルトで行われます）。