代码之家 › 专栏 › 技术社区 › Ali-Alrabi

具有react typescript的JQuery<HTMLElement>类型上不存在属性“annotator”

annotatorjs typescript reactjs jquery

0

Ali-Alrabi · 技术社区 · 3 年前

我想让注释器js与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一起工作。以下是我在react项目中所做的步骤

安装jquery

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

将注释器js文件添加到index.html文件

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

Index.tsx文件

从“React”导入React;

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

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

export default Source;

但我犯了错误类型“JQuery”上不存在属性“annotator”。ts(2339)

0 回复 | 直到 3 年前