打字稿和vue中的Summernote

Posted 2021-04-30

我想在Typescript中编写的Vue组件中使用summernote。但我得到错误：

错误TS2339（TS）属性'summernote'在'JQuery'类型上不存在。

我的代码看起来像吼叫：

import Vue from "vue";
import * as $ from "jquery";
require('summernote');

然后在模板中我有div：

<div ref="mysummernote" id="summernote"><p>Hello Summernote</p></div>

在mount（）我有：

$('#summernote').summernote();

并且这个.summernote（）方法被标记为错误，消息就像在顶部。所有代码都用typescript编写。到了晚上，我在这个网站上添加了summernote包：https://www.npmjs.com/package/summernote

答案

在尝试将summernote编辑器添加到Angular2站点时，我遇到了类似的问题。

我所做的是将summernote属性添加到jQuery typings文件中。

我的项目已经有了jQuery的打字文件 - 在这种情况下是jquery.d.ts（在typings文件夹中找到）。

我在该文件中找到了“interface JQuery {”部分，并在其中添加了以下行：

summernote: any;