2017-07-11 20 views
1

私は反応-konvaというパッケージを介して反応中のキャンバスを使用する方法を学ぼうとしています。 NPMのインストールは十分に簡単だった、と私は働くいくつかのデモコード...react-konva警告「Konva」は定義されていません

// 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に直接参照を追加しようとしたが、その後、私はこのエラーを取得する:

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

(元のエラーメッセージに文法エラーやスペルミス)

をお願い申し上げますポインタ、またはこれを引き起こしている可能性のあることについての考え。

+1

しました 'npm install konva'? –

+0

Nope。そしてそれはそれを修正する。本当にありがとう!私は、githubページに1つのライナーnpm install命令を誤読しました。私は正しいとマークすることができる答えを自由に追加してください – user1272965

+0

私は私の答えを以下に加えました。 –

答えて

1

あなたの質問のコメントによると、あなたはnpm install konvaを忘れてしまった。

関連する問題