写留言板接口项目时遇到的问题：timestamps拼写错误导致的乌龙-526互联

今天编写留言板项目时，在测试提交留言接口时出现了bug：提交完留言之后，留言已经存入数据库中，但是界面并没有显示

与此同时，vue控制台还出现了这样的报错

百度之后发现是日期工具函数 date-fns 出现了问题

这里使用 date-fns 定义了有一个函数，功能是将传递过来的日期数据，转换成规定的格式

function formatDt(dt, formatTpl = 'yyyy-MM-dd HH:mm') {
    //如果不是有效日期数据
    if (!(dt instanceof Date) || isNaN(dt.getTime())) {
        //提供默认的日期值
        dt = new Date(dt);
    }
    return format(dt, formatTpl)
}

　　为了找到错误，判断之后打印了 dt，

function formatDt(dt, formatTpl = 'yyyy-MM-dd HH:mm') {
    //如果不是有效日期数据
    if (!(dt instanceof Date) || isNaN(dt.getTime())) {
        console.log(dt)
        //提供默认的日期值
        dt = new Date(dt);
    }
    return format(dt, formatTpl)
}

　　结果输出是 undefined，

　　顺藤摸瓜，找到调用了这个函数的 Item Vue，调用的方式为

export default {
  props:  ['data'],
  computed: {
        _id() {
            return this.data._id
        },
        createdAt() {
            return formatDt(this.data.createdAt)
        },
        isMy() {
            // 这条留言，是不是我自己发的？
            const curData = this.data
            if (!curData) {
                return false
            }
            return curData.username === window.userInfo.username
        }
    },  
}