react-konva 警告 'Konva' 未定义

Question

我正在尝试学习如何通过名为 react-konva 的包在 React 中使用 canvas。 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. 的任何地方都会产生 undefined 错误。我尝试直接添加对 konva 的引用...

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

但是我得到这个错误：

Konva instance is already exist in current eviroment. Please use only one instance.

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

希望得到指点，或任何关于可能导致此问题的想法。

Answer 1

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

Answer 2

尝试使用const Konva= window.Konva

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

react-konva 警告 'Konva' 未定义

react-konva warning 'Konva' is not defined

javascript

reactjs

konvajs

react-konva