无法使用kaboomjs加载replit之外的精灵

如何解决无法使用kaboomjs加载replit之外的精灵

过去几天我一直在使用 kaboomjs 库开发一个有趣的小游戏，当我从 replit 编写和运行它时，它按预期工作，但是如果我尝试在 vs 代码中使用实时服务器运行它我不断得到

import pandas as pd
import numpy as np
df = pd.DataFrame({'id': [12124,12124,5687,7892],'A': [np.nan,np.nan,3.05,np.nan],'B':[1.05,1.05,'C':[np.nan,'D':[np.nan,7.09]})

这是我使用的代码如何加载精灵的示例：

   Failed to load ~/Desktop/Javascript/kaboom/sprites/baddie.kbmsprite
   Bt@https://kaboomjs.com/lib/0.5.0/kaboom.js:56:3338
   @http://127.0.0.1:5500/game.js:12:18
   J@https://kaboomjs.com/lib/0.5.0/kaboom.js:55:14756
   je/<@https://kaboomjs.com/lib/0.5.0/kaboom.js:56:396
   H/O<@https://kaboomjs.com/lib/0.5.0/kaboom.js:55:3425

它只是在 HTML 文件的正文中调用

kaboom({
  global: true,fullscreen: true,scale: 1,debug: true,clearColor: [0,0.75],});
loadRoot("~/Desktop/Javascript/kaboom/sprites/");
loadSprite("baddie","baddie.kbmsprite");

scene("main",() => {
  const b = add([sprite("baddie"),pos(80,80)]);
});

start("main",0);

我仍在研究 JS，因此将不胜感激任何帮助或指导！

解决方法

您能否尝试在精灵的末尾添加扩展名（即 .png）？

我正在使用带有 vs 代码的 Wamp64，我今晚会测试一下，看看它在没有扩展的情况下是否适合我。