pixi.js를 테스트하기 시작한이 튜토리얼 http://frontender.info/introduction-to-pixijs/ (죄송합니다. 번역은 google translate로 번역 할 수 있습니다.). 이 튜토리얼의 워크 플로우가 마음에 들었고, 브라우저에서 "require"를 사용할 필요가 있습니다. 브라우저에서 quckly 테스트 게임이 필요합니다. 모든 것이 잘 작동하지만 내가 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을 넣을 때 사용하는이 방법으로 필요 :
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'
pixm.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