Javascript 使用PIXI.Sprite.fromImage和PIXI.loader.resources有什么区别？

前3行代码不起作用，而最后2行正确显示图像。第一种方法有什么问题？两种显示精灵的方法有什么区别

let plot = new PIXI.Sprite(
    PIXI.loader.resources["assets/plot/images/main.png"].texture);
this.plotContainer.stage.addChild(plot);

let plot2 = PIXI.Sprite.fromImage("assets/plot/images/main.png");
this.plotContainer.stage.addChild(plot2);

编辑：

---

实际上，只有当我将两者结合在一起时，图像才会显示出来。当只运行前3行时，只显示一个黑屏。运行最后两行时，只显示原始背景。

除非我没有正确地复制或理解它，否则您从哪里获得第一个版本？这对我来说很好：因此错误一定是在您的实现中。你正在将png添加到加载程序中，对吗？我没有从链接中看到精灵。我知道了。我认为问题在于，在我使用纹理创建精灵之前，加载程序没有完成加载纹理。谢谢你的帮助！