类型“ JQuery”上不存在属性“ kendoGrid” <HTMLElement>

Question

I am using VSCode editor for my angular project development. VSCode intellisense is working fine with @typings/kendo-ui. But, Webpack compilation failed due to the error.

Error:

"Property 'kendoGrid' does not exist on type 'JQuery"

This error is same for all kendo components

I am using latest angular CLI for this project.

Answer 1

Not sure if you got the answer already, but kendoGrid is jQuery dependent. In addition to installing jQuery and the kendoGrid file, you should add your kendoGrid code in the ngAfterViewInit lifecyle hook in whatever component you are using like this :

  ngAfterViewInit(){
      $(document).ready(function(){
              // code to execute
              });
}

Also add declare var $:any; which declares the jQuery variable with any type. Assuming you added import * as $ from 'jquery' in your module file.

Answer 2

尝试这个

(<any>$("#grid")).kendoGrid()

Answer 3

if you are using Angular CLI the only import statement you need for a component.ts is

declare var $: any;

instead of import * as $ from 'jquery' and declare var $:any;

and

  ngAfterViewInit(){
  $(document).ready(function(){
          // code to execute
          });

}