Javascript 使用vega对组分进行反应

我正试图使用react组件，但运气不好（可能是安装问题）

我编写了一个具有以下结构的组件：

import vega from 'vega';

class Chart extends React.PureComponent {
...
  componentDidMount() {
    vega.parse(...)
  }
}

但是我得到一个

TypeError:无法读取未定义的属性“parse”

这使我得出结论，安装没有按预期进行

在安装过程中，我确实遇到了问题，因为vega使用node gyp，我在windows环境中（也在代理之后）

安装node gyp时，我在node canvas上遇到了一些问题（尽管根据文档，vega应该可以在没有它的情况下工作）

大多数文档都忽略了vega的安装

---

是否有人尝试过安装它并将其与导入一起使用？

对本主题感兴趣的人来说，文档似乎不够充分，但我是如何让它工作的：

对于安装，

npm install vega

对于您来说，如果您不在windows上或代理下，可能就足够了

如果您确实有问题，以下步骤可以帮助我：

安装windows构建工具（

npm--将python添加到path='true'安装--全局--生产windows构建工具

）

npm安装节点gyp

安装GTK2（请参阅）

npm安装vega

至于使用方法，请确保您获得了您打算使用的vega版本的示例（例如，vega 2的示例在vega 3上不起作用）

替代方法：

因此，我正在将织女星图表添加到react应用程序中，并且在让织女星图表“开箱即用”工作时遇到了一些问题，即使是在这之后。然后我发现它非常有效

使其工作的步骤：

• npm安装react vega lib react vega--save

• 创建新的反应类：

  从'react vega'导入{createClassFromSpec}；
  导出默认createClassFromSpec（'MyChart'，{…VEGA SPEC OBJ…}）
  

• 将
  用作标准组件

---

我认为您必须使用

import*作为“织女星”中的织女星。