pixi.js和browserify的開發工作流程（錯誤：browserify找不到pixi.js模塊）

我開始測試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.手動將文件pixi.js放入C：\ Users \ PainKiller \ Desktop \ pixitest \ node_modules \ 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文件時，錯誤再次顯示。我目前的操作系統Windows 10，如果它可以幫助。在此先感謝。編輯：一些額外的信息。當我在我的項目的根文件夾中運行

browserify index.js -o bundle.js

我收到了同樣的錯誤。但pixi.js文件位於node_modules/pixi.js文件夾中，爲什麼browserify找不到它？

EDIT2：當我把pixi.js文件夾中，需要使用這種方式：

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

browserify找到它，但它給出了另一個錯誤：

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

來源

2016-11-17 Dmitry Malugin

安裝pixi.js [使用NPM]（https://github.com/pixijs/pixi.js#npm-install） – cartant

我做到了。你讀過這篇文章嗎？ –

你應該永遠不需要使用npm安裝包的相對路徑或絕對路徑，因此： npm i pixi.js 你應該只能使用： var PIXI = require（'pixi.js'）; 如果npm安裝正確，這意味着它應該自動具有指向node_modules文件夾的路徑。我自己使用webpack，它與npm我pixi.js和要求（或在我的情況下導入使用ES6）罰款。它正在爲我工作，例如這裏：https://github.com/Hachitus/FlaTWorld/blob/master/src/core/Flatworld.js – Hachi

仍然不知道如果browserify與pixi.js一起作爲npm模塊工作，github repo上的一些問題表明它已在更新版本的pixi.js中修復。但無論如何，如果你遇到這個問題，你可以切換到webpack（我做到了），或者使用pixi.js作爲全局導入（通過腳本標籤）。

來源

2017-06-23 09:49:50

pixi.js和browserify的開發工作流程（錯誤：browserify找不到pixi.js模塊）

回答

相關問題