反应维加模块未找到

use*_*988 5 javascript vega reactjs

/node_modules/vega-embed/build/src/embed.js 找不到模块:无法解析“E:\polymerui\polymerui\node_modules\vega-embed\build\src”中的“vega-lite”

在我的依赖项中“react-vega”:“^ 7.1.1”,“vega”:“^ 5.9.1”,“vega-lite”:“^ 4.0.2”,

所以我目前正在 React 工作(显然)。我想将 vega 添加到我的应用程序中。

首先我跑了

npm install vega vega-lite react-vega --save
Run Code Online (Sandbox Code Playgroud)

我没有安装其他 npm。

将 vega 导入到我的组件之一中。

import { Vega } from 'react-vega';
Run Code Online (Sandbox Code Playgroud)

使用示例之一添加了一个组件。

<Vega spec={this.state.spec} data={this.data} signalListeners={this.statesignalListeners} />
Run Code Online (Sandbox Code Playgroud)

也使用示例中的内容

spec: {
      "width": 400,
      "height": 200,
      "data": [{ "name": "table" }],
      "signals": [
        {
          "name": "tooltip",
          "value": {},
          "on": [
            { "events": "rect:mouseover", "update": "datum" },
            { "events": "rect:mouseout", "update": "{}" }
          ]
        }
      ],
    },
    signalListeners: { hover: this.handleHover }

handleHover = (args) => {
console.log(args);
}
Run Code Online (Sandbox Code Playgroud)

我刷新页面,出现错误。

我无法否认这个错误,该文件在那里不存在,我只是很困惑为什么它在那里寻找它。

或者如果我使用

{ReactDOM.render(, document.getElementById('bar-container') ) }
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

./node_modules/vega-encode/node_modules/vega-util/index.js 错误:ENOENT:没有这样的文件或目录,打开 'E:\polymerui\polymerui\node_modules\vega-encode\node_modules\vega-util\index.js js'