【问题标题】:Jquery carousel method error in Angular2/typescriptAngular2 / typescript中的Jquery轮播方法错误
【发布时间】:2017-08-18 12:50:45
【问题描述】:

我已安装 jquery 并正确导入。

在我的应用程序的某处,我有如下一行,

 $('#myCarousel').carousel("next");

当我执行 npm start 时,它会抛出以下错误

类型“JQuery”上不存在属性“carousel”。

在 Typescript 中如果做 $('#myCarousel')., ** 它显示适当的 **intellisense 但此方法未列出。

如果我注释了该错误生成行,请执行 npm start 一切正常,然后如果我取消注释该行并刷新它,它将起作用。

这是一个打字稿编译错误。怎么解决???

【问题讨论】:

  • 您是否尝试使用引导轮播?
  • 是的...我正在使用引导轮播...
  • 你导入 bootstrap.js 了吗?
  • 是的,我在 index.html 的 head 部分添加了引导程序。
  • stackoverflow.com/questions/35148628/…你确定是tsc错误吗?

标签: jquery angular typescript


【解决方案1】:

在 Angular 最终发布之后,

1) 添加以下 npm 包

  npm install --save-dev @types/jquery
  npm install --save-dev @types/bootstrap

2) 在 tsconfig.json 中在 types 数组 中添加以下条目,

  "types": [
             "jquery",
             "bootstrap",  
           ]

现在你可以走了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-06-05
    • 1970-01-01
    • 2017-03-20
    • 1970-01-01
    • 1970-01-01
    • 2017-10-18
    • 1970-01-01
    • 2018-12-18
    相关资源
    最近更新 更多