Ошибка использования Aurelia с использованием jquery datatables

Question

У меня возникли проблемы с использованием jquery datatables с Aurelia. Я пытаюсь импортировать datatables, но не повезло. Когда я пытаюсь инициализировать его, он дает мне ошибку

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"); 
}.... 

Любые указатели? Cheers :)

Answer 1

У вас есть пара проблем, которые могут вызывать головные боли для вас.

Во-первых, jQuery экспортирует переменную по умолчанию в $. Таким образом, вы можете сделать следующее, чтобы импортировать JQuery внутри ViewModel:

import 'jquery'; 

Во-вторых, плагин DataTables расширяет библиотеку прототип JQuery, чтобы добавить себя в объект JQuery. Чтобы заставить это работать, вам нужно сначала включить jQuery, а затем плагин DataTables.

Я не мог видеть экспорт по умолчанию для использования на стороне клиента, так что это должно дать вам следующее и, надеюсь, функциональный код:

import 'jquery'; 
import 'datatables'; 

Если не упускать из вида конкретной детали, я считаю, что это должно решить проблема. Если нет, то оставьте комментарий ниже, и мы его отсортируем в любом случае.

Answer 2

[РЕШИТЬ] Я получил это работает инициализация DataTable в методе Activate() и оставив мой импорт, как они есть ...

activate() { 
    datatable(); 
    console.log("app.activate"); 
}.... 

Пробовал немного дальше, нашло, что это также работает .. .

import * as $ from 'jquery'; 
import "datatables"; 
//import * as dataTable from "datatable"; 

export class DatatablesExample {  
    //activate() { 
    // dataTable(); 
    //} 
    attached() { 
     $('#example').dataTable(); 
    } 
} 

К сожалению, проблема в том, что я импортировал jQuery. Но мне интересно, почему рекомендуются импорт не работает JQuery ...

import $ from 'jquery';