Typescript-Eigenschaft existiert nicht für den Typ 'ElementFinder'

Question

Ich mache ein einfaches Tree-Menü-Element in Aurelia mit einem jQuery-Plugin. Ich bin in der Lage, das Plugin im Element zu verwenden, aber es löst einen TS-Kompilierungsfehler aus.

Client: 47 ./src/tree.ts
(18,32): Fehler TS2339: Eigenschaft 'jstree' existiert nicht auf Typ 'ElementFinder'

Warum wirft dieser Fehler und wie beseitige ich es?

Zusätzliche Informationen:

Das Element rendert in Ordnung. Ich begann mit der Arbeit am webpack - typescript starter kit. Relevanter Code ist unten. Ich habe npm install jstree verwendet, um die jstree-Bibliothek einzuschließen.

tree.ts:

import { inject, customElement } from 'aurelia-framework' 
import { DOM } from 'aurelia-pal' 
import 'jstree/dist/themes/default/style.min.css' 
import 'jstree' 

@customElement('tree') 
@inject(DOM.Element) 
export class Tree { 
    element : HTMLElement = null; 

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

    attached() { 
    $('#' + this.element.id).jstree({ 
    'core' : { 
    'data' : [ 
     { 
      "text" : "Root node", 
      "state" : {"opened" : true }, 
      "children" : [ 
       { 
       "text" : "Child node 1", 
       "state" : { "selected" : true }, 
       "icon" : "fa fa-file-o" 
       }, 
       { "text" : "Child node 2", "state" : { "disabled" : true } } 
      ] 
    }] 
    }}); 
    } 

} 

tree.html:

<template></template> 

andere Module (welcome.ts/welcome.html)

<require from="./tree"></require> 
    <tree id="menuTree"></tree> 

Answer 1

installieren die Definitionsdatei für jstree: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/jstree/jstree.d.ts

Der einfachste Weg, dies zu tun, wäre typings zu verwenden: https://www.npmjs.com/package/typings

npm install typings --global 
typings install jstree