使用 pixi.js 和 browserify 的开发流程（错误：browserify 找不到 pixi.js 模块）答案

【问题标题】：Development workflow with pixi.js and browserify (Error: browserify can't find pixi.js module)使用 pixi.js 和 browserify 的开发流程（错误：browserify 找不到 pixi.js 模块）
【发布时间】：2017-04-01 07:45:33
【问题描述】：

我开始测试 pixi.js 并按照本教程 http://frontender.info/introduction-to-pixijs/ 进行操作（对不起，它是俄语，但您可以使用谷歌翻译进行翻译）。我喜欢本教程的工作流程，我需要在浏览器中使用“require”，我需要在浏览器中快速测试游戏。一切正常，但是当我在 url http://localhost:9966/ 上请求强大的服务器时，我收到了错误：

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找不到？？？

编辑2：当我将 pixi.js 放入文件夹时，以这种方式使用 require：

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 using NPM
我做到了。你看帖子了吗？
你不应该在安装 npm 的包中使用相对或绝对路径，所以：npm i pixi.js 你应该可以只使用：var PIXI = require('pixi.js');如果 npm 安装正确，这意味着它应该自动具有 node_modules 文件夹的路径。我自己使用 webpack，它适用于 npm i pixi.js 并且要求（或者在我的情况下使用 ES6 导入）很好。它对我有用，例如这里：github.com/Hachitus/FlaTWorld/blob/master/src/core/Flatworld.js
感谢您的评论，您正在开发非常好的库，但我做了 var PIXI = require('pixi.js') 并得到错误，然后我才开始尝试路径。

标签： javascript browserify pixi.js

【解决方案1】：

仍然不知道 browserify 是否可以将 pixi.js 作为 npm 模块使用，github repo 上的一些问题说它已在较新版本的 pixi.js 中修复。但无论如何，如果你遇到这个问题，你可以切换到 webpack（我做到了），或者使用 pixi.js 作为全局导入（通过脚本标签）。

【讨论】：