通过 RequireJS 在 Typescript 中定义 Murri

Question

我打算在我的 typescript 项目中使用 Murri，我在 RequireJS 配置中定义了 Muuri 及其相关依赖项，如下所示：

requirejs.config({
    paths: {      
        "web-animations-js": "web-animations-js/web-animations.min",
        "hammerjs": "hammerjs/hammer",
        "muuri": "muuri/muuri",
    },
    shim: {       
        "muuri": {
            //These script dependencies should be loaded before loading
            deps: ["hammerjs", "web-animations-js"],
            exports: 'Muuri'
        }
    }
});

requirejs([ "muuri"]);

在我的打字稿文件中，我使用了这样的东西：

declare var Muuri: any;

export default class WidgetModule {

    public static run() {

        $(function () { //DOM Ready
            //here I get error
            var grid = new Muuri('.grid', { dragEnabled: true });
        });
    }
}

但我收到错误：未捕获的引用错误：Muuri 未定义。

在此先感谢您的帮助。

Answer 1

我唯一的解决办法就是使用这个

import Muuri = require("../lib/muuri/muuri.js");

我将它添加到我的 Typescript 文件的顶部。希望对某人有所帮助 ;)

通过 RequireJS 在 Typescript 中定义 Murri

Define Murri in Typescript by RequireJS

requirejs

typescript