react Konva警告“Konva”未定义

Question

我正在努力学习如何通过一个名为的包来使用画布。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()

但我的浏览器发出了恰当的警告：“警告'Konva‘不是定义为”。我试过这个..。

import {Konva, Stage, ... } from 'react-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属性。