0

我想让 annotatorjs 与 typescript 项目一起使用

这是使用 html 页面和 jquery 运行它的步骤，它可以工作。

<script src="%PUBLIC_URL%/annotator-full.min.js"></script>
<link rel="stylesheet" href="%PUBLIC_URL%/annotator.min.css">
<script>
  jQuery(function ($) {
    $('#content').annotator();
  });
</script>
<div id="content">facebook.com.....</div>

现在我想让它与 react 和 typescript 一起工作。这是我在反应项目中所做的步骤

安装jQuery

  npm install --save jquery
  npm install --save-dev @types/jquery

将 annotatorjs 文件添加到 index.html 文件

<script src="%PUBLIC_URL%/annotator-full.min.js"></script>
<link rel="stylesheet" href="%PUBLIC_URL%/annotator.min.css">

索引.tsx 文件

从“反应”导入反应；

const Source = () => {
  jQuery(function ($) {
     $('#content').annotator();
  });

return (
  <>
    <div id="content">facebook.com.....</div>
  </>
 );
};

export default Source;

但我收到错误“JQuery”.ts(2339) 类型上不存在属性“注释器”

4

0 回答 0