Question

我正在尝试在我的项目中使用jQuery插件。我正在使用Ionic3

我已经安装了jquery，并且还下载了插件

npm install jquery --save typings install dt~jquery --global --save

来自插件文档：我在index.html

中添加了脚本标记

<head>
 ////
 <script src="assets/jquery/dist/jquery.js" type="text/javascript"></script>
 <script src="assets/jquery.dotdotdot.js" type="text/javascript"></script>// path assets inside www folder where I'd put the file .js
////
</head>

.html :( page）

////
<div id="wrapper">
 <p>"{{summary}}"</p>
</div>

.ts：

import * as $ from 'jquery';

///
ngOnInit(){
    $("#wrapper").dotdotdot({
        ellipsis : '... ',
        wrap : 'word',
        fallbackToLetter: true,
        height: null
    });
}

我收到错误： Uncaught (in promise): TypeError: __WEBPACK_IMPORTED_MODULE_2_jquery__(...).dotdotdot is not a function

我尝试添加.js和.min.js个文件，但是我得到了同样的错误

Answer 1

您的安装方式与jquery相同。

安装库dotdotdot.js

npm install dotdotdot --save

安装@types package

npm install --save-dev @types/dotdotdot

然后做

 import * as $ from "dotdotdot";

Answer 2

在离子内正确使用jquery是

import $ from 'jquery';

您也可以在dotdotdot

中尝试相同的方式

import dot from "dotdotdot";

在ionic3中使用jquery dotdotdot

2 个答案: