Im 로드하는 스프라이트시트로서 바다를 담은 것에 따라 공식 문서: http://pixijs.download/release/docs/PIXI.Spritesheet.html
다음은 나의 코드:
PIXI.Loader.shared.add('sheet', require('../assets/spritesheet.json')).load(spriteSetup)
function spriteSetup() {
let sheet = PIXI.Loader.shared.resources['sheet'].spritesheet;
console.log(sheet)
}
도 값의'sheet',그것이 정의 되지 않습니다. 나 로그하는 가치의 픽.로더입니다.공유합니다.자원['트']되지 않는 정의되지 않은 아니라 다음과 같다:
{
"_onLoadBinding": null,
"_elementTimer": 0,
"_flags": 2,
"name": "sheet",
"url": "sheet",
"extension": "sheet",
"data": "<!DOCTYPE html>\n<html lang=\"\">\n<head>\n <meta charset=\"utf-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n <link rel=\"icon\" href=\"/favicon.ico\">\n <link href=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css\" rel=\"stylesheet\"\n integrity=\"sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3\" crossorigin=\"anonymous\">\n <title>medease</title>\n<link href=\"/js/app.js\" rel=\"preload\" as=\"script\"><link href=\"/js/chunk-vendors.js\" rel=\"preload\" as=\"script\"></head>\n<body>\n<noscript>\n <strong>We're sorry but medease doesn't work properly without JavaScript enabled.\n Please enable it to continue.</strong>\n</noscript>\n<div id=\"app\"></div>\n<!-- built files will be auto injected -->\n<script type=\"text/javascript\" src=\"/js/chunk-vendors.js\"></script><script type=\"text/javascript\" src=\"/js/app.js\"></script></body>\n</html>\n",
"crossOrigin": "",
"timeout": 0,
"loadType": 1,
"xhrType": "text",
"metadata": {},
"error": null,
"xhr": {},
"children": [],
"type": 6,
"progressChunk": 100,
"onStart": {},
"onProgress": {},
"onComplete": {
"_tail": null,
"_head": null
},
"onAfterMiddleware": {}
}
이것은 매우 혼란을 이해할 수 있도록 도와주세요 그것은 보드 index.html 파일 대신 json 파일 내가 하려고 로드(참조 데이터 필드).
누군가가 아주 비슷한 문제가 여기: https://github.com/pixijs/pixijs/issues/5965 그러나,실행하고 나의 코드를 통해 웹 서버 및 그것은 여전히 작동하지 않습니다.
인쇄가 필요('../셋/스프라이트시트.json')인쇄 json 파일만 괜찮습니다. 어쩌면 이것은 좀 멍청한 질문,하지만 나는 완전히 붙어 있습니다. 도움이 된다면 내가 사용하 vue3 고 설정을 사용하여 프로젝트 vue-cli 그러나 나는 보지 않는 것이 얼마나 관련이 있습니다.