在开发中难免遇到一些bug和报错,此篇文章用于整理在开发中遇到的bug以及解决办法
一、BUG
1. el-autocomplete
点击 clearable清除按钮输入建议失效
我们会发现,如果给el-autocomplete组件标签加上clearable属性以后,那么,当我们输入内容以后,再点击clearable清空按钮清空输入框中输入的数据以后,当我们再重新输入文字的时候,请求会触发,后端返给我们的数据也获取到了,但是后端返回给我们的数据却没有渲染到页面上。就仿佛输入没反应了。解决方案比较直接的就是,当用户点击了clearable清空按钮以后,就让当前获取焦点的输入框失去焦点,回到最初状态,一切重新开始 即为:主动触发失去焦点,解决‘fetch-suggestions’输入建议失效的bug,也就是:@clear="blurForBug()"
blurForBug(){
document.activeElement.blur()
}
解决:zhuanlan.zhihu.com/p/395688018
二、ERROR
执行npm run build报错
1. The "from" argument must be of type string. Received undefined
vue.config.js 配置
parallel: false
。构建正式环境关闭 thread-loader 。
2. Syntax Error: Error: Cannot find module 'imagemin-gifsicle'
卸载已有的image-webpack-loader,用 cnpm 重新安装
// 卸载
npm uninstall image-webpack-loader
// cnpm 安装
cnpm install --save-dev image-webpack-loader