Typescript在本地声明第三方模块

Question

我正在构建一个打字稿项目并使用非打字稿库调用'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... 
}); 

...... 

它表明

找不到声明文件模块 'draggabilly'。 '/node_modules/draggabilly/draggabilly.js' 隐含地具有'任何'类型。

所以我尝试创建本地声明文件：@类型/ draggabilly/index.d.ts：

export as namespace draggabilly; 

export = Draggabilly; 

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

则包括tsconfig.json类型的路径：

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

但错误仍然存​​在。所以我想知道什么是错在这里，什么是构建第三方模块申报文件在本地

我创建了一个示范库的这个问题在GitHub上的正确方法： https://github.com/ZheFeng/test-ts-types

问题不仅是如何我们在.d.ts文件内部定义，但打字稿根本找不到声明文件。

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 en作为第三方模块，该模块提供声明文件非打字稿为主，申报模块必须在全球范围内，和申报模块之外没有进口或出口。

// @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... 
});