Я начал тестировать pixi.js и следовал этому учебнику http://frontender.info/introduction-to-pixijs/ (извините, но это можно сделать с помощью google translate). Мне понравился рабочий процесс этого учебника, мне нужно использовать «require» в браузере, и мне нужно использовать тестовую игру в браузере. Все работает отлично, но когда я прошу мускулистый сервер на URL http://localhost:9966/ Я получаю сообщение об ошибке:Рабочий процесс разработки с pixi.js и браузером (ошибка: браузер не может найти модуль 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, если она может помочь. Спасибо заранее.
EDIT: Дополнительная информация. Когда я бегу
browserify index.js -o bundle.js
в корневой папке моего проекта я получаю ту же ошибку. Но файл pixi.js находится в папке node_modules/pixi.js, почему браузеру не удается найти его ???
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'
Установить 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 i pixi.js и требует (или в моем случае импорта с использованием ES6) в порядке. Он работает для меня, например. здесь: https://github.com/Hachitus/FlaTWorld/blob/master/src/core/Flatworld.js – Hachi