将jQuery插件导入TypeScript / Ionic2项目时出错

时间:2017-02-13 05:21:52

标签: jquery angular typescript jquery-plugins ionic2

我将jQuery导入Ionic2项目。我试图使用一个jQuery插件,当我包含它时,它会混淆脚本的加载。

除了几行之外,我几乎评论了所有内容。这有效:

import * as $ from '../lib/jquery/jquery.min';
(<any>window).$ = $;

然而,当我添加jQuery插件时,应用程序会因为&#34;未捕获的ReferenceError而断开:$未定义&#34;。以下是导致其中断的代码:

import * as $ from '../lib/jquery/jquery.min';
(<any>window).$ = $;
import '../lib/ripple/ripple.min';

有谁知道如何解决这个问题?

解决了 种类。我刚刚添加了var $ = require(&#39; jquery&#39;);在插件文件的顶部并更改了jQuery导入以导入*作为$来自&#39; jquery&#39 ;;我仍然对您可能提供的任何正确答案感兴趣。

1 个答案:

答案 0 :(得分:0)

这就是我在项目中导入jQuery的方法。

import * as $ from 'jquery';

以后导入它的方式(在solved中提到)是导入它的正确方法。

您还需要使用npm install @types/jquery --save将此信息告知TypeScript编译器。