Node.js报Cannot read property 'split' of undefined 如何实现数字求和

TypeError: Cannot read property 'split' of undefined 的直接触发原因是：传入mathModel.addera()方法的tal参数实际值为undefined，全链路存在4处核心逻辑错误：

• 路由绑定逻辑冲突：给/add路径同时绑定GET、POST请求都指向同一个处理函数，GET请求不存在请求体，自然无法获取到req.body.tal的值
• 跨模块中间件配置完全无效：在controller.js、mathModel.js中重新初始化了独立的Express实例、挂载bodyParser中间件，但这些实例和app.js中实际启动的服务实例没有任何关联，挂载的中间件不会对真实请求生效
• 响应逻辑顺序错误：同一个请求处理回调中同时编写res.send()和res.render()逻辑，触发Express单请求仅能返回一次响应的限制，既会提前关闭响应流，也会导致后续页面渲染逻辑无法执行
• 缺少入参校验：获取到req.body.tal后没有做存在性判断，直接传入字符串处理逻辑，一旦字段缺失、请求格式错误就会触发属性读取报错

1. 路由逻辑拆分 #

调整router.js，按请求方法拆分处理逻辑，避免GET请求误触参数计算流程：

const express = require("express");
const router = express.Router();
const controller = require("./controllers/controller");

router.get("/", controller.renderHomePage)
// GET /add 仅渲染初始页面
router.get("/add", controller.renderAddPage)
// POST /add 仅接收带请求体的计算请求
router.post("/add", controller.renderSum)

module.exports = router

2. 控制层逻辑清理 #

移除controller.js中所有跨模块重复创建Express实例、重复挂载中间件的无效代码，增加入参校验：

const mathServerModel = require("../../../mathServer/model/mathModel");
    
exports.renderSum = (req, res) => {  
    // 入参校验，拦截缺失字段的请求，避免undefined传入处理逻辑
    if(!req.body?.tal) {
        return res.status(400).send({error: "请求体缺少tal字段"});
    }
    mathServerModel.addera(req.body.tal)
        .then(function (sumResult) {
            // 仅保留一种响应方式：渲染页面并传入计算结果
            res.render("post-tal", {
                Sum: sumResult
            })
        })
        .catch(error => res.status(500).send({error: error.message}))
}
// 补充GET /add对应的空页面渲染方法
exports.renderAddPage = (req, res) => {
    res.render("post-tal", {Sum: null})
}

3. 模型层逻辑优化 #

移除mathModel.js中与请求处理无关的Express初始化、bodyParser配置，增加字符串预处理兼容带空格的数值项：

exports.addera = async (talStr) => {
    // 拆分后对每个数值项做去空格处理，兼容示例中带前导空格的内容
    let strNumbersArr = talStr.split(",").map(item => item.trim());
    let sum = 0;
    for(let i = 0; i < strNumbersArr.length; i++) {
        let currentNumberStr = strNumbersArr[i];
        sum += Number(currentNumberStr);
    }
    return sum;
}

4. 全局服务配置保留 #

app.js中已经配置的全局express.json()、express.urlencoded()中间件可以正常解析请求体，无需修改：

const path = require("path");
const express = require("express");
const app = express();
const router = require("./router");

const host = "127.0.0.1"
const port = 3000

app.use(express.urlencoded({extended: false}));
app.use(express.json());
app.use(express.static("public"));
app.set("views" , "views");
app.set("view engine", "hbs");

app.use("/", router);

app.listen(port, host, () => {
    console.log(`The server is running at: http://${host}:${port}`);
});

• 用Postman发送POST请求到http://127.0.0.1:3000/add时，必须把请求头设置为Content-Type: application/json，否则Express的JSON解析中间件不会处理请求体，同样会出现req.body为空、取不到tal字段的问题
• 直接通过浏览器访问http://127.0.0.1:3000/add即可打开渲染页面，查看计算结果

内容的提问来源于stack exchange，提问作者user14551704