Javascript 响应konva警告'；康瓦'；没有定义

我试图通过一个名为react konva的包来学习如何在react中使用画布。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’未定义””。我试过这个

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>

//在index.js中

但是我得到了这个错误：

Konva实例已存在于当前eviroment中。请仅使用 一个例子

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

---

如果您能给我一个指针，或者您对可能导致这种情况的原因有什么想法，我们将不胜感激。

请参考您问题中的评论。您忘记了执行npm安装konva

尝试使用

const konva=window.konva

---

这将允许您使用vanilla KonvaJS属性。

您是否也执行了

npm安装konva

？否。这就解决了问题。非常感谢！我误读了github页面上的一行程序npm安装说明。请随意添加一个我可以更正的答案。我已经在下面添加了我的答案。

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