如何加载定义为内部模块(TSD)的外部TypeScript模块

洛德维克Bogaards

我试图在我的项目中加载nouislider模块:Angular 2 beta-0,使用SystemJs 0.19.4的Typescript 1.7。

我有一种解决方法:通过更改tsd为我安装的.d.ts文件我想知道在不更改原始打字稿定义文件:nouislider.d.ts的情况下,如何加载模块

通过我的更改,我现在可以nouislider像下面这样在SystemJ的Typescript项目中加载和使用它:

import {create as createSlider}  from 'noUiSlider/distribute/nouislider';
createSlider(document.getElementById('test-slider'), {
  start: 40,  connect: "lower",
  range: { 'min': 0, 'max': 100 }
});

我要做的就是在顶部的这两行中更改nouislider.d.ts

declare module noUiSlider {
    function create(target: HTMLElement, options: Options): void;

进入

declare module 'noUiSlider/distribute/nouislider' {
    export function create(target : HTMLElement, options : Options) : void;

我将模块的名称设置为“ noUiSlider / distribute / nouislider”,否则System.js不会从正确的路径加载模块。我导出了create函数,因为否则我无法加载它

如何防止进行这两项更改?我自己创建一个引用内部模块定义的外部模块定义或以其他方式实现相同结果而无需更改nouislider.d.ts会很满足。我已经尝试了很多方法,但是无法使其正常工作,并且似乎在所有文档中迷失了方向。非常感谢您的帮助。

布鲁诺·格里德(Bruno Grieder)

除了在DefinitelyTyped上创建拉取请求并建议添加外,我无所畏惧

declare module 'noUiSlider/distribute/nouislider' {
     export = noUiSlider;
}

这应该只是增加了将其用作外部模块的可能性,而不会破坏任何现有用途

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Typescript内部模块中需要外部模块

来自分类Dev

Typescript AMD外部模块加载,角度未定义

来自分类Dev

如何从节点加载外部模块

来自分类Dev

使用WebPack + TypeScript定义导入的外部模块

来自分类Dev

尝试为NodeJS模块创建Typescript定义

来自分类Dev

如何将javascript AMD模块导入外部TypeScript模块?

来自分类Dev

Webpack + TypeScript +模块加载

来自分类Dev

打字稿:从内部模块创建外部模块

来自分类Dev

打字稿:从内部模块创建外部模块

来自分类Dev

TypeScript:扩展模块时如何编写定义?

来自分类Dev

如何使用带有TypeScript的字符串标识符引用外部定义的节点模块

来自分类Dev

在TypeScript 0.9中将外部模块与内部模块结合在一起

来自分类Dev

如何为具有默认导出功能的模块创建TSD?

来自分类Dev

如何在Azure Webjobs中加载外部模块Powershell

来自分类Dev

如何从React中的外部模块正确加载CSS?

来自分类Dev

在TypeScript中使用外部模块

来自分类Dev

Typescript AMD模块错误(尚未为上下文加载模块)

来自分类Dev

如何防止模块加载

来自分类Dev

如何在内部配置模块中加载模块和文件?

来自分类Dev

AngularJS module.constant():如何仅在模块内部定义常量?

来自分类Dev

如何使用Julia私有包内部定义的模块?

来自分类Dev

如何在TypeScript的循环内导入外部模块?

来自分类Dev

TypeScript如何在Web Worker中导入外部模块

来自分类Dev

使用外部模块时如何正确使用TypeScript接口?

来自分类Dev

编译TypeScript时如何处理外部模块?

来自分类Dev

如何添加自定义模块以在AlloyUI中全局加载?

来自分类Dev

如何加载在单个文件中定义的多个命名AMD模块?

来自分类Dev

更改模块后如何重新加载模块?

来自分类Dev

TypeScript分部定义AMD模块

Related 相关文章

  1. 1

    在Typescript内部模块中需要外部模块

  2. 2

    Typescript AMD外部模块加载,角度未定义

  3. 3

    如何从节点加载外部模块

  4. 4

    使用WebPack + TypeScript定义导入的外部模块

  5. 5

    尝试为NodeJS模块创建Typescript定义

  6. 6

    如何将javascript AMD模块导入外部TypeScript模块?

  7. 7

    Webpack + TypeScript +模块加载

  8. 8

    打字稿:从内部模块创建外部模块

  9. 9

    打字稿:从内部模块创建外部模块

  10. 10

    TypeScript:扩展模块时如何编写定义?

  11. 11

    如何使用带有TypeScript的字符串标识符引用外部定义的节点模块

  12. 12

    在TypeScript 0.9中将外部模块与内部模块结合在一起

  13. 13

    如何为具有默认导出功能的模块创建TSD?

  14. 14

    如何在Azure Webjobs中加载外部模块Powershell

  15. 15

    如何从React中的外部模块正确加载CSS?

  16. 16

    在TypeScript中使用外部模块

  17. 17

    Typescript AMD模块错误(尚未为上下文加载模块)

  18. 18

    如何防止模块加载

  19. 19

    如何在内部配置模块中加载模块和文件?

  20. 20

    AngularJS module.constant():如何仅在模块内部定义常量?

  21. 21

    如何使用Julia私有包内部定义的模块?

  22. 22

    如何在TypeScript的循环内导入外部模块?

  23. 23

    TypeScript如何在Web Worker中导入外部模块

  24. 24

    使用外部模块时如何正确使用TypeScript接口?

  25. 25

    编译TypeScript时如何处理外部模块?

  26. 26

    如何添加自定义模块以在AlloyUI中全局加载?

  27. 27

    如何加载在单个文件中定义的多个命名AMD模块?

  28. 28

    更改模块后如何重新加载模块?

  29. 29

    TypeScript分部定义AMD模块

热门标签

归档