react-konva предупреждение "Konva" не определено

Я пытаюсь узнать, как использовать холст в реакции с помощью пакета под названием 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()

но мой браузер соответствующим образом предупреждает: «предупреждение 'Konva' не определено». Я пробовал это ...

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

но это еще больше усугубляет ситуацию, когда я пытаюсь использовать Konva., генерируя ошибки undefined. Пробовал добавить ссылку прямо на конву ...

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

но затем я получаю эту ошибку:

Экземпляр Konva уже существует в текущей версии. Используйте только один экземпляр.

(грамматическая ошибка и орфографические ошибки в исходном сообщении об ошибке)

Был бы признателен за указатель или любые мысли о том, что может вызвать это.


person user1272965    schedule 11.07.2017    source источник
comment
ты тоже делал npm install konva?   -  person Mμ.    schedule 11.07.2017
comment
Неа. И это исправляет. Огромное спасибо! Я неправильно прочитал инструкцию по установке npm на странице github. Не стесняйтесь добавлять ответ, который я могу отметить как правильный   -  person user1272965    schedule 11.07.2017
comment
Я добавил свой ответ ниже.   -  person Mμ.    schedule 12.07.2017


Ответы (2)


Согласно комментарию в вашем вопросе. Вы забыли сделать npm install konva.

person Mμ.    schedule 12.07.2017

Попробуйте использовать const Konva= window.Konva

это позволит вам использовать ванильные свойства KonvaJS.

person Harish Mahamure    schedule 14.05.2020