PreloadJS 与 Spritesheet：FILE_LOAD_ERROR

Posted 2023-03-25

【中文标题】PreloadJS 与 Spritesheet：FILE_LOAD_ERROR

【英文标题】：PreloadJS with Spritesheet: FILE_LOAD_ERROR

【发布时间】：2018-10-02 10:32:56

【问题描述】：

我的代码：

var queue = new createjs.LoadQueue(false);
    queue.on('complete', onComplete, this);
    queue.on('error', onError, this);
    queue.on('progress', onProgress, this);

    queue.loadManifest([
         src: "images/ground.json", id: "1", type: createjs.Types.SPRITESHEET, crossOrigin:true 
      ]);
    
    function onComplete(event) 
        console.log('Complete', event);

        init();
    

    function onError(event) 
        console.log('Error', event);
    

    function onProgress(event) 
        console.log('General progress', Math.round(event.loaded * 100));
    

使用这个 json：

"images": ["images/HauptmenuOhneButtons.png"],
"frames": [
    [0, 0, 1920, 1080], 
],
"animations": 
    "background": [0]

我的结构是：

index.html 图像/ground.json 图像/HauptmenuOhneButtons.png

我收到错误 FILE_LOAD_ERROR。

帮助！

【问题讨论】：

你能深入了解这个错误吗？或者更好的是，检查调试器，看看网络请求是什么样的。 PreloadJS 可以更好地显示/暴露浏览器错误。这可能是很多东西，从您的样本中无法识别，这看起来不错。

感谢您的回复。我在浏览器中检查了网络错误，但什么也没发现。所以这绝对是 json 和 preloadjs 的阅读问题。看我的回答。

【参考方案1】：

好的，你的 JSON 文件必须是完美的！

检查每个逗号！ 最后一帧或动画后没有逗号。

    "images": ["images/HauptmenuOhneButtons.png"],
    "frames": [
        [0, 0, 1920, 1080] 
    ],
    "animations": 
        "background": [0]