【问题标题】:TypeScript Errors: Webpack / Angular 2 / TypingsTypeScript 错误:Webpack / Angular 2 / Typings
【发布时间】:2016-10-04 01:01:57
【问题描述】:

我想知道如何摆脱 Typings/TypeScript 错误,例如:

Property 'modal' does not exist on type 'JQuery'.

据我所知,我已经为 JQuery 正确安装了最新的类型,并且肯定会找到并使用它们(我已经对此进行了测试)。 'modal' 属性实际上是我调用的函数:

$('#popup').modal();
// modal() is part of the Semantic UI library which is available and works in my browser

请注意,我使用的是最新版本的 Typings v1.0.4,它似乎更喜欢使用 globalDependencies 而不是“环境”类型。我的 typings.json 文件:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160317120654",
    "jasmine": "registry:dt/jasmine#2.2.0+20160505161446",
    "jquery": "registry:dt/jquery#1.10.0+20160417213236",
    "node": "registry:dt/node#4.0.0+20160509154515",
    "source-map": "registry:dt/source-map#0.0.0+20160317120654",
    "uglify-js": "registry:dt/uglify-js#2.6.1+20160316155526",
    "webpack": "registry:dt/webpack#1.12.9+20160523035535"
  }
}

有什么方法可以告诉打字,像 modal() 和许多其他函数实际上是可以的并且不会抛出错误?

更新: 根据下面的答案,我通过将以下内容添加到我加载的自定义类型文件中解决了这些错误custom-typings.d.ts

interface JQuery {
  modal: (cmd?: string, options?: any) => JQuery;
  dropdown: () => void;
  checkbox: () => void;
  calendar: (options?:any) => void;
}

这告诉 Typescript JQuery 对象有额外的可用函数:modal()、dropdown() 等。

您会注意到,对于我的模态定义,我指定了两个可以传入的可选变量(因为这是我正在使用的语义 UI modal() 函数的行为)。 modal() 函数还递归地返回另一个 JQuery 对象,因为真正的对象也以这种方式运行——这允许我在链中多次调用它:

$('#someId').modal('setting', {autoFocus: true}).modal('show')

【问题讨论】:

  • 您是否为此使用 amd(Requirejs 等)
  • @kwiri 我不知道如何回答你的问题。我听说过 AMD 和 RequireJS,但我不完全确定它们是做什么的,或者这是否是捆绑在 Webpack 中的东西?

标签: typescript angular webpack definitelytyped tsc


【解决方案1】:

没有错。您收到此错误是因为modal() 没有出现在jquery.d.ts 中。要消除此错误消息,请参阅Converting a jQuery plugin to TypeScript

【讨论】:

    猜你喜欢
    • 2016-11-29
    • 2016-12-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-28
    • 2017-08-06
    • 2017-07-12
    • 2016-04-02
    相关资源
    最近更新 更多