TypeError: Cannot read properties of undefined (reading 'manipulateBehaviors') at AbstractGraph.removeBehaviors (graph.js:588:1)

Faker-lz commented 1 year ago

Describe the bug

When I used the G6 Graph in react project, I got the error in @antv/g6-core/es/graph/graph.js

Your Example Website or App

Steps to Reproduce the Bug or Issue

I found an error to the following code according to the browser's console:

  /**
   * 移除行为
   * @param {string | ModeOption | ModeType[]} behaviors 移除的行为
   * @param {string | string[]} modes 从指定的模式中移除
   * @return {Graph} Graph
   */
  AbstractGraph.prototype.removeBehaviors = function (behaviors, modes) {
    var modeController = this.get('modeController');
    modeController.manipulateBehaviors(behaviors, modes, false);
    return this;
  };

Expected behavior

Is there anyone who is having the same problem as me and I would like help

Screenshots or Videos

No response

Platform

OS: Windows
Browser: EDGE
Version: ["@antv/g6": "4.7.10", "@antv/gi-assets-advance": "1.1.1", "@antv/gi-assets-algorithm": "1.0.0", "@antv/gi-assets-basic": "1.3.0", "@antv/gi-assets-graphscope": "1.0.2", "@antv/gi-assets-neo4j": "1.1.2", "@antv/gi-assets-scene": "1.0.0", "@antv/gi-assets-tugraph": "1.1.0", "@antv/gi-sdk": "1.2.0", "@antv/gi-theme-antd": "0.3.0", "@antv/graphin": "2.7.13",]

Additional context

No response

janwirth commented 1 year ago

I'm experiencing the same problem. Did you find a solution @Faker-lz

Faker-lz commented 1 year ago

Yes, I just used

ReactDOM.render(  <React.StrictMode>
    <App />
</React.StrictMode>, document.getElementById('root'))

to replace the official demo code:

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

I think the error ascribes React's version.