网站搜索

angular - TypeScript/SystemJS 导入 jQuery 插件


我这里有一个使用 Angular CLI 构建的 Angular 2 TypeScript 应用程序。我在模块系统中正确集成 jQuery 插件时遇到了问题。

我阅读了一些教程,并让 jQuery 示例工作起来,但我不知道如何处理 jQuery 插件。

这是我的设置:SystemJS-Config

const map: any = {
    'moment': 'vendor/moment',
    'jquery': 'vendor/jquery/dist/jquery.js',
    'datatables.net': 'vendor/datatables.net/js/jquery.dataTables.js'
};

/** User packages configuration. */
const packages: any = {
    'moment': {
        format: 'cjs'
    },
    'jquery': {
        format: 'global'
    },
    'datatables.net': {
        'format': 'global',
        'deps': [
            'jquery'
        ]
    }

};

我期望我能做一些像这样的事情:

import * as moment from 'moment/moment'
import * as dt from 'datatables.net'

但是我收到“找不到模块 'datatables.net'。”我认为这是因为 datatables 插件没有导出任何模块:(datatables 定义文件)

interface JQuery
{
    dataTable(param? :DataTables.Options) : DataTables.DataTable;
}

declare namespace DataTables
{
    export interface DataTable
    { ...

但是我不知道我是否应该导入那个……我希望有人能帮忙。