2016-11-17 13 views
2

pixi.jsのテストを開始し、このチュートリアルに従いましたhttp://frontender.info/introduction-to-pixijs/(申し訳ありませんが、ロシア語で翻訳していますが、 )。私はこのチュートリアルのワークフローが好きでした。私はブラウザで "require"を使う必要があり、私はブラウザで妙にテストゲームをする必要があります。すべてが正常に動作しますが、私は、URL http://localhost:9966/にがっしりした体格のサーバーを要求したとき、私はエラーを取得しています:pixi.jsとbrowserifyによる開発ワークフロー(エラー:browserifyでpixi.jsモジュールが見つかりません)

Error: Cannot find module 'pixi.js' from 'C:\Users\PainKiller\Desktop\pixitest' 
at C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:46:17 
at process (C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:173:43) 
at ondir (C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:188:17) 
at load (C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:69:43) 
at onex (C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:92:31) 
at C:\Users\PainKiller\AppData\Roaming\npm\node_modules\browserify\node_modules\resolve\lib\async.js:22:47 
at FSReqWrap.oncomplete (fs.js:123:15) 

私が試したもの:異なるコマンドで 1.インストールpixi.js。 2. C:\ Users \ PainKiller \ Desktop \ pixitest \ node_modules \ pixi.jsフォルダにpixi.jsファイルを手動で入れます(インストールコマンドを実行した後、pixi.jsファイルはありません)。 3. index.htmlをフォルダのルートは:

<!doctype html> 
<meta charset="utf-8"> 
<title>Hello World</title> 
<body> 
<script src="http://pixijs.download/release/pixi.js"></script> 
<script src="index.js"></script> 
<script> 

//Test that Pixi is working 
console.log(PIXI); 

</script> 
</body> 

index.jsファイルにリンクを追加するとエラーが再び表示されます。 私の現在のOS Windows 10。 ありがとうございます。

編集: 追加情報私は私のプロジェクトのルートフォルダに

browserify index.js -o bundle.js 

を実行すると 私は同じエラーを取得しています。しかし、node_modules/pixi.jsフォルダにあるpixi.jsファイルは、なぜbrowserifyで見つけることができませんか?

EDIT2: 私はフォルダにpixi.jsを入れると、使用がこのように必要になります。それを見つけるbrowserify

var PIXI = require('./node_modules/pixi.js/pixi.js'); 

が、それは別のエラーを与える:

Error: Cannot find module './GLTexture' from 'C:\Users\PainKiller\Desktop\pixite 
st\node_modules\pixi.js' 
+0

pixi.jsをインストールする(NPMを使用)(https://github.com/pixijs/pixi.js#npm-install) – cartant

+0

私はそれを行いました。あなたはその投稿を読んでいますか? –

+1

あなたはそう、NPMインストールされたパッケージとの相対または絶対パスを必要とすることはありません:私は をpixi.jsし、あなただけを使用することができるはず NPM: のvar PIXIは=(「pixi.js」)を必要とします。 npmが正しくインストールされていると、自動的にnode_modulesフォルダへのパスが必要です。 私はwebpackを自分で使用しています。これはnpm i pixi.jsと動作します(または、私の場合はES6を使用してインポートしても問題ありません)。 私のために働いています。ここでは:https://github.com/Hachitus/FlaTWorld/blob/master/src/core/Flatworld.js – Hachi

答えて

0

はまだありませんbrowserifyがpixi.jsとnpmモジュールとして動作するかどうかを知っていれば、githubリポジトリのいくつかの問題はpixi.jsの新しいバージョンで修正されたと言いますしかし、とにかくこの問題が発生した場合は、webpack(と私はそれをやった)に切り替えたり、pixi.jsをグローバルなインポート(スクリプトタグ経由)したりすることができます。

関連する問題