1

我正在尝试在我的项目中加载nouislider模块：Angular 2 beta-0，Typescript 1.7 using SystemJs 0.19.4。

我有一个解决方法：通过更改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 不会从正确的路径加载模块。我导出创建函数，否则我无法加载它

如何防止进行这两项更改？我会很满足于自己创建一个引用内部模块定义的外部模块定义，或者以其他方式在不更改 nouislider.d.ts 的情况下获得相同的结果。我已经尝试了很多东西，但无法使其工作，并且似乎在所有文档中都迷失了。非常感谢您的帮助。

4

1 回答 1

2

恐怕除了在DefiniteTyped上创建一个拉取请求并建议添加之外，你无能为力

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

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

于 2015-12-25T18:30:38.270 回答