首页 > 解决方案 > Phaser 中的多人游戏 - 无法加载“脚本”元素

问题描述

你如何为这个模板配置服务器?=> https://github.com/nkholski/phaser3-es6-webpack 我正在尝试按照本教程进行操作 => https://gamedevacademy.org/create-a-basic-multiplayer-game-in- phaser-3-with-socket-io-part-1/?a=13 我添加了两个依赖项:nodemon 和 express。我使用服务器配置创建了 server.js 文件。

const express = require('express')
const app = express()
const server = require('http').Server(app)
const path = require('path')

app.get('/', function(req, res) {
   res.sendFile(path.resolve('index.html'))
})  

server.listen(8081, function() {
   console.log(`Listening on ${server.address().port}`)
})

在 package.json 文件中,我添加了一个启动服务器的命令:

nodemon src/server/server.js

服务器正确启动,但指示的 html 文件无法读取脚本(“源 vendor.js 和 app.js 的“脚本”元素加载失败”)。

项目结构:https ://i.imgur.com/r4QcXoJ.png

标签: expresswebpack

解决方案


我通过指示脚本所在的文件夹解决了这个问题。就我而言,它是一个名为“dev”的文件夹。添加这一行解决了这个问题:

app.use('/dev', express.static('dev'))

推荐阅读