记Chrome浏览器BUG导致csv上传失败问题排查
· 阅读需 5 分钟
最近有业务反馈有个系统上传csv总是失败,提示“文件只能为csv格式,请重新上传”:
但是,我在自己电脑上测试了多次都能正常上传。心想,这难道就是传说中的,不是代码的问题,而是用户电脑环境的问题吗? 于是,我与该业务会议沟通,通过查浏览器开发者工具中的网络记录,发现业务的电脑在上传时并没有发送上传请求就被拦截上传失败了。很显然,这应该是前端的问题。前端使用了Vue+elementUI,代码逻辑大概如下:
最近有业务反馈有个系统上传csv总是失败,提示“文件只能为csv格式,请重新上传”:
但是,我在自己电脑上测试了多次都能正常上传。心想,这难道就是传说中的,不是代码的问题,而是用户电脑环境的问题吗? 于是,我与该业务会议沟通,通过查浏览器开发者工具中的网络记录,发现业务的电脑在上传时并没有发送上传请求就被拦截上传失败了。很显然,这应该是前端的问题。前端使用了Vue+elementUI,代码逻辑大概如下:
这篇文章是尚硅谷前端Gulp教程的学习笔记。
教程使用的Gulp是3.9,而现在Gulp已经升级到了4.0,改动较大,但是并不影响学习。为了避免环境不一致导致的各种坑,可以安装和教程一致的版本。目前,Node.js的LTS版本为v12.16,已经不兼容Gulp 3.9了,如果Node.js版本过新,会报错:
fs.js:35
} = primordials;
^
ReferenceError: primordials is not defined
为了更优雅地管理Node.js的版本,推荐使用nvm。Node.js v11.15.0和Gulp 3.9是兼容的,可以安装此版本。安装nvm后,执行下面的命令安装Node.js v11.15: