Using typescript with ctxmenu - TypeError: this.cy.ctxmenu is not a function about cytoscape.js-cxtmenu HOT 14 CLOSED

Same issue

from cytoscape.js-cxtmenu.

Is there a cytoscape.use(ext) after import?

from cytoscape.js-cxtmenu.

Hi maxkfranz,

yes, the code's structure is similar to the author's one with cytoscape.use(ext) in it.

in component side:

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

in typings.d.ts:

declare module 'cytoscape-cxtmenu';

in angular.json scripts are also included.

It does not see cy.ctxmenu();

Thank you for your help!

from cytoscape.js-cxtmenu.

If the TS import is the same as the ES import, then you need to use the default export rather than *.

from cytoscape.js-cxtmenu.

import cytoscape from 'cytoscape';
import cxtmenu from 'cytoscape-cxtmenu';

cytoscape.use( cxtmenu );

from cytoscape.js-cxtmenu.

I have same issue. I have error message in visual sutido code "Property 'cxtmenu' does not exist on type 'Core'". Is it possible use it in typescript? I try add to index.d.ts this:
declare module 'cytoscape-cxtmenu' {
const ext: cytoscape.Ext;
export = ext;
}
But still not working.

from cytoscape.js-cxtmenu.

Isn't it because it's cxtmenu and not ctxmenu?

from cytoscape.js-cxtmenu.

I managed to use cytoscape.js-context-menus extension (https://github.com/iVis-at-Bilkent/cytoscape.js-context-menus) on angular 7 project.

I added "node_modules/cytoscape-context-menus/cytoscape-context-menus.css" to styles of the project inside angular.json file and use it as mentioned in the readme of the extension

from cytoscape.js-cxtmenu.

This issue has been automatically marked as stale, because it has not had activity within the past 30 days. It will be closed if no further activity occurs within the next 30 days. If a feature request is important to you, please consider making a pull request. Thank you for your contributions.

from cytoscape.js-cxtmenu.

I managed to use cytoscape.js-context-menus extension (https://github.com/iVis-at-Bilkent/cytoscape.js-context-menus) on angular 7 project.

I added "node_modules/cytoscape-context-menus/cytoscape-context-menus.css" to styles of the project inside angular.json file and use it as mentioned in the readme of the extension

I did the same but its still giving me error this.cy.contextMenu() is not a function in angular 7.

from cytoscape.js-cxtmenu.

I have same issue, when trying to integrate ctxmenu in my angular project.
So, the issue is closed, but I could not understand the solution.
Please help me !

from cytoscape.js-cxtmenu.

import cxtmenu from 'cytoscape-cxtmenu';
cytoscape.use(cxtmenu);
...
let cy = cytoscape({ opt });
cy.cxtmenu({ cxtOpt });

Can not register cxtmenu for core since cxtmenu already exists in the prototype and can not be overridden

Alternative

let cy = cytoscape({ opt });
cy.cxtmenu({
selector: 'node, edge',
...

Uncaught (in promise) TypeError: cy.cxtmenu is not a function

I haven't had any luck.

I am using Svelte & Sapper. I have the graph working fine without cxtmenu, adding it in, it breaks. Any feedback would help!

from cytoscape.js-cxtmenu.

So, was anyone able to come up with a solution?

from cytoscape.js-cxtmenu.

Had the same issue. Solved it by calling cxtmenu not on the module but on the instance of cytoscape.

from cytoscape.js-cxtmenu.