物业&#39; kendoGrid&#39;在类型&#39; JQuery <htmlelement>上不存在

时间:2017-07-13 07:28:49

标签: jquery angularjs kendo-ui webpack angular-cli

我正在使用VSCode编辑器进行角度项目开发。 VSCode intellisense与@ typings / kendo-ui一起正常工作。但是,由于错误,Webpack编译失败。

错误:

  

&#34;财产&#39; kendoGrid&#39;在类型&#39; JQuery&#34;

上不存在

enter image description here

所有剑道组件的错误都相同

我正在为这个项目使用最新的角度CLI。

3 个答案:

答案 0 :(得分:2)

不确定你是否已经得到了答案,但kendoGrid依赖于jQuery。除了安装jQuery和kendoGrid文件之外,你应该在ngAfterViewInit生命周期钩子中添加你的kendoGrid代码,无论你使用的是什么组件:

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

同时添加declare var $:any; 它声明了任何类型的jQuery变量。假设您在模块文件中添加了import * as $ from 'jquery'

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:0)

如果使用的是Angular CLI,则component.ts所需的唯一导入语句是

declare var $: any;

代替import * as $ from 'jquery'declare var $:any;

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

}