在角度8中导入interactjs 1.7.2不工作

Question

我试图导入interactive.js 1.7.2中的角8。我安装如下：

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)

这里的解决方案似乎对其他人有效，但对我不起作用。

启动角时会出现许多错误，因此它必须是导入过程中的一个问题，例如：

src/app/web/visuals/svg.矩形. an (65，25)：error TS2349:无法调用类型没有调用签名的表达式。类型的import("C:/projects/myproject/node_modules/@interactjs/interactjs/index")‘没有兼容的调用签名。 ../../node_modules/@interactjs/core/Interactable.d.ts(7,19)：error TS1086:不能在环境上下文中声明访问器。 ../../node_modules/@interactjs/core/Interaction.d.ts(74,45)：error TS2304:无法找到名称'Omit‘。

如何解决这个问题？

更新

这个问题有文档化的这里，但没有解决方案。

Answer 1

您可以使用es5语法这样做。

const interact = require('interactjs')

Answer 2

import interact from 'interactjs'

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

https://interactjs.io/

如官方页面所示

Answer 3

在代码下面的角度8为我工作。

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;
}