使用带有 TypeScript 的 Bootstrap 和 jQueryUI - 获取 (TS) 重复属性“工具提示”

Posted 2023-03-21

【中文标题】使用带有 TypeScript 的 Bootstrap 和 jQueryUI - 获取 (TS) 重复属性“工具提示”

【英文标题】：Using Bootstrap & jQueryUI with TypeScript - Getting (TS) Duplicate property 'tooltip'

【发布时间】：2021-11-08 18:25:37

【问题描述】：

我已经在我的 .NET MVC 项目中安装了 jQueryUI 和 Bootstrap，并使用 npm 为 typescript 加载了类型

"devDependencies": 
    "@types/jquery": "3.5.x",
    "@types/jqueryui": "1.12.x",
    "@types/jquery.validation": "1.16.x",
    "@types/bootstrap": "5.1.x"
  

由于'tooltip' 在 bootstrap 和 jQueryUI 中都可用，我在编译代码时遇到了以下错误。

(TS) Duplicate property 'tooltip'

关于如何将 Bootstrap 和 jQuery 与 typescript 类型一起使用的任何想法。

【问题讨论】：

这能回答你的问题吗？ jQueryUI Tooltips are competing with Twitter Bootstrap

不，这是用于 javascript，我在使用带有类型的 Typescript 时遇到问题

你能显示有错误的代码行吗？

【参考方案1】：

这里的问题不在于 package.json 依赖项，而是在您的 tsconfig.json 中。

我建议从 tsconfig.json 中删除 @types/bootstrap 和 @types/jqueryui。

在需要定义的类中使用import 'bootstrap'; 或import 'jquery-ui'（不是jqueryui）。

手动tsconfig 和importing 之间的区别在于，当您不一定总是需要这些类型时，tsconfig 将使这些类型全局可用。

请注意，您可能希望将以下内容添加到您的 tsconfig 以及当您导入 jqueryui 时，您不会写 import 'jqueryui，而是使用 jquery-ui：

"paths": 
      "jquery-ui": ["node_modules/@types/jqueryui"]
    ,