материализовать-CSS JavaScript функции не найден в проекте Aurelia

Question

Я создал пользовательский атрибут для управления жизненным циклом элемента materilaize select:

import {customAttribute} from 'aurelia-templating'; 
import {inject} from 'aurelia-dependency-injection'; 

@customAttribute('material-select') 
@inject(Element) 
export class MaterialSelect { 
    element: Element = null; 

    constructor(element) { 
     this.element = element; 
    } 

    attached() { 
     console.log("ATTACHED"); 
     console.log(`The attached element is: ${this.element}`); 
     $(this.element).material_select(); 
    } 

    detached() { 
     console.log("DETACHED"); 
     $(this.element).material_select('destroy'); 
    } 
} 

Кроме того, я установил материализовать-CSS с:

jspm install npm:materialize-css 

... и я импортировал materilialize в main.ts с:

import materialize from 'materialize-css'; 

Но всякий раз, когда элемент с атрибутом material-select пытается загрузить Я получаю этот консольный вывод:

ATTACHED 
The attached element is: [object HTMLSelectElement] 
Uncaught TypeError: $(...).material_select is not a function 

Как получить материализовать-CSS JavaScript функции, чтобы быть признанным в пределах Aurelia?

Answer 1

Удаление версии NPM пакета и установить версию GitHub вместо:

jspm uninstall npm:materialize-css 
jspm install github:Dogfalo/materialize 

Установив GitHub версию package override будет использоваться, и пакет будет установлен с правильными зависимостями (Jquery + CSS) ,

Тогда вы будете в состоянии сделать это:

import $ from 'Dogfalo/materialize'; 

$('.foo').material_select(); 

Примечание: вышеуказанные шаги не будут работать до тех пор, this PR слито