javascript-Aurelia与jquery数据表使用错误

我在Aurelia中使用jquery数据表时遇到问题.
我正在尝试导入数据表,但是没有运气.当我尝试初始化它时,它给我错误

Unhandled promise rejection TypeError: $(…).dataTable is not a function(…)

我的打字稿代码如下：

import * as $from 'jquery';
import * as dataTable from 'datatables';
export class App {
router: Router;

constructor() {}
attached() {
    $('#example').dataTable({
        "paginate": true,
        "pageLength": 25
    });
} 
 activate() {  
    console.log("app.activate");
}.... 

有指针吗？
干杯:)

解决方法:

您在这里遇到了几个问题,这些问题会让您感到头痛.

首先,jQuery导出默认变量$.因此,您可以执行以下操作将jQuery导入到ViewModel中：

import 'jquery';

其次,DataTables插件扩展了jQuery的库原型,以将其自身添加到jQuery对象中.因此,要使其正常工作,您需要先包含jQuery,然后再包含DataTables插件.

我看不到客户端使用的默认导出,因此这应该为您提供以下且希望可以运行的代码：

import 'jquery';
import 'datatables';

除非我忽略了一个特定的细节,否则我相信这应该可以解决问题.如果没有,请在下面添加评论,我们将以任何一种方式对其进行排序.

标签：jspm,aurelia,datatables,javascript,jquery
来源： https://codeday.me/bug/20191119/2032813.html