Javascript 获取404找不到xhr错误，原因未知

我正在尝试制作一些聊天应用程序，我的代码中有一些错误，我不知道是什么问题。我收到了404号邮件，原因不明，代码如下：

server.js：

var express = require("express")
var bodyParser = require('body-parser')
var app = express()
var http = require('http').Server(app)
var io = require('socket.io')(http)

app.use(express.static(__dirname))
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({extended:false}))
var messages = [

    {name: "John", message: "Hello!"},
    {name: "Jane", message: "Hi!"}
]

app.get('/messages', (req,res)=>{
    res.send(messages)
})
app.post('/message', (req, res)=> {
    messages.push(req.body)
    res.sendStatus(200)
})
var server = http.listen(3010, () => {

    console.log("SERVER WORKS AT PORT", server.address().port, "!!!!")
})

前端JS：

            var message = {name: $("#name").val(), message: $("#message").val()}
            postMessage(message)
        })

    getMessages()

    })
    function addMessages(message){
        $("#messages").append(`<h4> ${message.name} </h4> <p> ${message.message} </p>`)
    }
    function getMessages() {
        $.get('http://localhost:3010/messages', (data) => {

            data.forEach(addMessages);
        })
    }

    function postMessage(message) {
        $.post('http://localhost:3010/messages', message )



    }

而且我在localhost中得到了一些消息：3010/messages

---

错误是：TypeError:

无法读取wrs_env.js:20 wrs_env.js:32处null的属性'appendChild'

有一个输入错误：在POST处理程序（

app.POST（）

）中，路由被写为

'/message'

而不是

'/messages'

作为

wrs_env.js

错误，谷歌认为它源自WhatRuns Chrome或Firefox的扩展。因此，这只是安装的扩展的一个错误-您可以忽略它，或者删除扩展，或者向扩展开发人员报告问题（如果是这样）。谢谢大家！是的，我有打字错误，谢谢！

  "name": "chat-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.19.0",
    "express": "^4.17.1",
    "socket.io": "^4.1.2"
  }
}