升级dateformat至4.x后dateFormat未定义错误的解决方案咨询

1. 升级package.json中的dateformat版本 #

修改package.json里的dateformat依赖为4.x稳定版本，示例：

"dateformat": "^4.6.3"

执行npm install完成版本升级。

2. 调整Gulp配置中的文件路径 #

dateformat 4.x的发布文件结构和3.x不同，原lib目录已替换为dist目录，需要修改gulp配置里的jsLibraries对象中dateformat的路径：

'dateformat': {
    'dist/dateformat.min.js': ''
},

替换掉原来的'lib/*.*': ''配置。

3. 修改前端代码中的调用方式 #

dateformat 4.x在浏览器环境下暴露的全局变量是全小写的dateformat，而非3.x中的驼峰dateFormat，格式字符串兼容原有写法，修改时间生成函数：

function GenerateTimestamp() {
    return dateformat(new Date(), "yyyy-mm-dd HH:MM:ss.l");
}

验证操作 #

执行gulp build重新构建项目，运行后错误即可消失。

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