Javascript 在Angular 8中导入interactjs 1.7.2不起作用

我正在尝试在Angular 8中导入interactive.js 1.7.2。我安装如下：

npm install interactjs@next

然后以不同的方式导入，但都不起作用：

import * as interact from 'interactjs';

import interact from 'interactjs'

import from 'interactjs';

import * as interact from '@interactjs/interactjs';

declare var interact:any; (with no imports)

这个解决方案似乎对其他人有效，但对我无效

启动Angular时，我会遇到很多错误，因此导入时一定会出现问题，例如：

src/app/web/visuals/svg.rectangle.ts（65,25）：错误TS2349:无法 调用类型缺少调用签名的表达式。类型 导入（“C:/projects/myproject/node_modules/@interactjs/interactjs/index”）' 没有兼容的呼叫签名

../../node_modules/@interacticjs/core/interactiable.d.ts（7,19）：错误TS1086:无法在环境上下文中声明访问器

../../node_modules/@interacticjs/core/Interaction.d.ts（74,45）：错误TS2304:找不到名称“省略”

如何解决这个问题

更新

此问题已记录在案，但没有解决方案

import interact from 'interactjs'

interact('.item').draggable({
  onmove(event) {
    console.log(event.pageX,
                event.pageY)
  }
})

如官方页面所示

---

如官方页面所示，您可以使用es5语法执行此操作

const interact = require('interactjs')

---

您可以使用es5语法这样做

const interact = require('interactjs')

---

下面的代码为我工作

import * as InteractJS from 'interactjs/dist/interact.js';

  ngOnInit() {
    InteractJS('.item').draggable({
      onmove(event) {
        console.log(event.pageX, event.pageY);
      }
    });
  }

.item {
  touch-action: none;
  user-select: none;
  height: 80px;
  width: 80px;
  background-color: red;
}

---

下面的代码为我工作

import * as InteractJS from 'interactjs/dist/interact.js';

  ngOnInit() {
    InteractJS('.item').draggable({
      onmove(event) {
        console.log(event.pageX, event.pageY);
      }
    });
  }

.item {
  touch-action: none;
  user-select: none;
  height: 80px;
  width: 80px;
  background-color: red;
}

---

您使用的是什么版本的TypeScript？您能提供有关设置的更多详细信息吗？@Roy TypeScript 3.7.3，我使用VS代码，在编辑角度文件时也会出错，例如

此表达式不可调用。

上的

交互（'.item'）。可拖动({

。您使用的是什么版本的TypeScript？能否提供有关设置的更多详细信息？@Roy TypeScript 3.7.3，我使用的是VS代码，在编辑角度文件时也会出错，例如

此表达式不可调用。

在

交互（'.item'）。可拖动（{

）。