Question

我想为我的图表添加工具提示，但是我在使用带有cytoscape.js的popper-extension时遇到了问题。我无法导入此扩展程序，因为我仍然收到错误消息：＆＃34;无法读取属性＆＃39;使用＆＃39;未定义＆＃34;当我试着打电话＆＃34;使用＆＃34;功能。我安装了cytoscape和cytoscape-popper：npm install cytoscape和npm install cytoscape-popper。

以下是我的代码的一部分 - 它在https://github.com/cytoscape/cytoscape.js-popper

中看起来像

import cytoscape from 'cytoscape';
import popper from 'cytoscape-popper';
cytoscape.use( popper );

你有什么想法，我做错了吗？

Answer 1

这是您的解决方案：

import * as cytoscape from 'cytoscape';
import * as popper from 'cytoscape-popper';
cytoscape.use( popper );

Answer 2

我知道这是一个旧线程，但是如果有人再次遇到此问题...

为了避免编译错误，请使用建议的导入结构

import * as cytoscape from 'cytoscape';
import * as popper from 'cytoscape-popper';
cytoscape.use(popper);

稍后，使用“数组表示法”访问在cytoscape（https://github.com/cytoscape/cytoscape.js-popper）中注册的popper函数：

let popper1 = cy.nodes()[0].['popper']({
  content: () => {
    let div = document.createElement('div');

    div.innerHTML = 'Popper content';

    document.body.appendChild(div);

    return div;
  },
  popper: {} // my popper options here
});

在Angular 5中使用cytoscape-popper扩展

2 个答案: