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'
pixi.jsをインストールする(NPMを使用)(https://github.com/pixijs/pixi.js#npm-install) – cartant
私はそれを行いました。あなたはその投稿を読んでいますか? –
あなたはそう、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