使用 sammyjs 打字稿和 systemjs

Question

我正在尝试使用用 Typescript 编写的 sammyjs 和 systemjs 作为模块加载器创建一个简单的路由应用程序。

但是面临加载 sammy 的问题。

下面是代码sn-ps

SystemJs 配置

System.config({
  transpiler: "typescript",
  defaultJSExtensions: true,
  map: {
    "knockout": "../bower_components/knockout/dist/knockout",
    "sammy": "../bower_components/sammy/lib/sammy",
    "jquery": "../bower_components/jquery/dist/jquery"
  }
});

路由提供者

import { Route } from "./types";
import * as Sammy from "sammy"

export class RouteProvider {
    sammyApp: Sammy.Application;
    defaultRoute: string;

    constructor() {
  }

  configureRoutes = (routes: Array<Route>) => {        
    this.sammyApp = Sammy(() => {
        routes.map((_route: Route) => {
            this.sammyApp.get('#' + _route.path, (context) => {
                _route.callBack(context);
            });
        })
    });

    this.sammyApp.run('#' + this.defaultRoute);
  }
}

当我初始化 RouteProvider 类并调用 configureRoutes 方法时，我遇到了以下错误，

未捕获的类型错误：Sammy 不是函数

我检查了浏览器中的网络选项卡，并且 sammy.js 已加载。此外，我得到了正确的类型定义，并且没有 Typescript 编译错误。

Answer 1

好吧，好像是这样的说法

import * as Sammy from "sammy"

实际上是将函数转换为对象。改为这样做

Sammy = require("sammy");

它有效，即 Sammy 作为函数输出。希望这会有所帮助。