在 Phaser 和 Node js 中加载图像

Question

我正在尝试使用节点 js 在移相器中加载图像，但我总是遇到同样的错误

:3000/assets/img/feet/idle/survivor-idle_0.png:1 加载资源失败：服务器响应状态为404（未找到）

如果你知道一种让它工作的方法，请告诉我。 这是我的代码：

preload() {
    // Used for preloading assets into your scene
    //Idle feet image
    this.load.image('idleFeetFrame', '/assets/img/feet/idle/survivor-idle_0.png');
}

（从评论更新） ......是我的服务器代码：

const express = require('express');
const app = express();
const server = app.listen(process.env.PORT || 3000);
app.use(express.static('./public'));
console.clear();
console.log('\x1b[36m%s\x1b[0m', 'Server started...\n');
const socket = require('socket.io');
const io = socket(server);
io.sockets.on('connection', handleConnection);

function handleConnection(socket) { console.log('Client: ' + socket.id + ' has connected.') }

Answer 1

由于 express 中没有配置任何特殊路由，我假设您的所有文件都在文件夹./public中。

在这种情况下， survivor-idle_0.png文件必须位于文件夹./public/assets/img/feet/idle/survivor-idle_0.png中，如果您在该路径中找不到它，那就是问题所在（检查拼写错误或额外的文件夹，如src ) 。

只要您不使用 webpack 之类的捆绑程序，包裹左右，只需检查您的public并修复路径即可。
如果您使用的是捆绑器，则必须检查捆绑器配置是否有错误。