如何在 VueJS 中使用 SigmaJS？

问题描述

我是 VueJs 的新手，想在 VueJS 中集成 SigmaJS 图形。 我配置了 vue.config 文件以支持 sigma 导入。

这是我迄今为止尝试过的：

App.vue

<template><div id="graph-container"></div></template>
<script>
import sigma from "sigma";
import("sigma/build/plugins/sigma.layout.forceAtlas2.min");
export default {
  name: "App",data() {
    return {
      graph: {
        nodes: [...],edges: [...],},};
  },mounted: function () {
    let s = new sigma({
        graph: {
          nodes: this.graph.nodes,edges: this.graph.edges,renderer: {
          container: document.getElementById("graph-container"),type: "canvas",});
      s.refresh();
      s.startForceAtlas2();
  },};
</script>

vue.config.js

module.exports = {
  configureWebpack: {
    resolve: {modules: ['node_modules']},module: {
      rules: [{
          test: require.resolve('sigma'),use: 'imports-loader?wrapper=window',]
    }
  }
}

错误

类型错误：_root.postMessage 不是函数

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）