react-konva警告＆＃39; Konva＆＃39;没有定义

Question

我试图通过名为react-konva的包来学习如何使用画布进行反应。 npm安装很简单，我添加了一些有效的演示代码......

// in MainComponent.js
import {Stage, Layer, Rect} from 'react-konva';

// in render()
<Stage width={700} height={70}>
  <Layer  fill={'red'}>
    <Rect ... and so on

我的代码在获取颜色的情况下提及Konva ...

Konva.Util.getRandomColor()

但我的浏览器会发出适当的警告：＆＃34; 警告＆＃39; Konva＆＃39;未定义＆＃34;。我试过这个......

import {Konva, Stage, ... } from 'react-konva';

但是这会让事情变得更糟，在我尝试使用Konva.时会产生未定义错误。我尝试直接向konva添加引用...

// in index.js
<script src="https://cdn.rawgit.com/konvajs/konva/1.3.0/konva.js"></script>

然后我收到了这个错误：

  

Konva实例已经存在于当前的环境中。请仅使用   一个例子。

（原始错误消息中的语法错误和拼写错误）

会欣赏指针，或者对可能导致此问题的任何想法。

Answer 1

根据您提问中的评论。你忘了做npm install konva。

Answer 2

尝试使用 const Konva= window.Konva

这将允许您使用香草KonvaJS属性。