javascript - 使用 vega react 组件

Question

我正在尝试使用 vega来自 react 组件但没有运气(可能是安装问题)。

我写了一个结构如下的组件:

import vega from 'vega';

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

但是我得到一个TypeError: Cannot read property 'parse' of undefined

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

在安装过程中，我确实遇到了问题，因为 vega 使用 node-gyp 并且我在 windows 环境中(并且也在代理后面)

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

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

有没有人尝试过安装它并通过 import 使用它 - 它有效吗？

Answer 1

对于任何对此主题感兴趣的人，文档似乎都不够，但这是我如何让它工作的:

对于安装，npm install vega 如果您不在 Windows 上或在代理下，可能就足够了。

如果您确实遇到问题，这些步骤对我有帮助:

1. 安装 windows-build-tools (npm --add-python-to-path='true' install --global --production windows-build-tools)
2. npm 安装 node-gyp
3. 安装 GTK2(参见 https://github.com/Automattic/node-canvas/wiki/Installation---Windows#install-manually)
4. npm 安装 vega

关于用法，请确保您获得了您打算使用的 vega 版本的示例(例如，vega 2 的示例不适用于 vega 3)