Typescriptはサードパーティのモジュールをローカルで宣言します

Question

私はtypescriptプロジェクトを構築していて、typecript以外のlib呼び出し 'draggabilly'を使用しています。

私はそれを自分で宣言しようとしています。

は 'draggabilly' モジュールの宣言ファイルを見つけることができなかったことを示すだ

├── @types 
│ └── draggabilly 
│  └──index.d.ts 
├── node_modules 
├── package.json 
├── README.md 
├── src 
│ ├── index.ts 
│ └── application.ts 
└── tsconfig.json 

のsrc/application.ts

import * as Draggabilly from 'draggabilly'; 

new Draggabilly('#dragItem', { 
    // options... 
}); 

...... 

：ここ

は、ファイル構造です。 '/node_modules/draggabilly/draggabilly.js' には暗黙的に 'any'タイプがあります。

は、だから私は、ローカルの宣言ファイルを作成しよう：タイプ@/draggabilly/index.d.ts：

{ 
    "compilerOptions": { 
     ...... 
     "typeRoots": [ 
      "./node_modules/@types", 
      "./@types" 
     ] 
    } 
} 

：

export as namespace draggabilly; 

export = Draggabilly; 

declare class Draggabilly { 
    constructor(selector: string, options: any); 
} 

が、その後tsconfig.jsonで種類のパスを含めます

しかし、まだエラーがあります。 https://github.com/ZheFeng/test-ts-types

問題はどのようにだけではありません。だから、私はgithubの上でこの質問に対するデモリポジトリを作成し、ローカルに何ここで間違っているとどのようなサードパーティのモジュール宣言ファイルを構築するための正しい方法だ

知りたいです.d.tsファイルの中で定義しますが、typescriptは宣言ファイルを全く見つけることができませんでした。

Answer 1

問題はラインexport = Draggabilly;である - あなたはそれをインポートするには、活字体固有の構文import let = require("module")を使用する必要があります。TypeScript documentationから

：

輸出=を使用してモジュールをインポートする場合、活字体モジュールをインポートするには、固有のimport let = require("module")を使用する必要があります。

だからあなたのインポートは次のようになります。

import Draggabilly = require("draggabilly");

---

あなたはES6スタイルのインポートを使用する場合は、以下のようなあなたの index.d.tsを変更することができます。

export as namespace draggabilly; 

export class Draggabilly { 
    constructor(selector: string, options: any); 
} 

...とインポートをこのように：

import * as draggabilly from 'draggabilly'; 

new draggabilly.Draggabilly('#dragItem', { 
    // options... 
}); 

Answer 2

Wh非活字基づいてサードパーティのモジュールの宣言ファイルを提供する途中、宣言モジュールは、グローバルスコープ、および宣言モジュール外なし輸入または輸出でなければなりません。

// @types/draggabilly/index.d.ts 
declare module "draggabilly" { 
    class Draggabilly { 
     constructor(selector: string, options: any); 
    } 

    export = Draggabilly; 
} 

// src/application.ts 
import Draggabilly = require("draggabilly"); 

new Draggabilly("#dragItem", { 
    // options... 
});