【BUG】在开发中遇到的一些bug和报错

79 阅读1分钟

在开发中难免遇到一些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

image-20240318105438380.png vue.config.js 配置 parallel: false 。构建正式环境关闭 thread-loader 。

解决 blog.csdn.net/weixin_5809…

2. Syntax Error: Error: Cannot find module 'imagemin-gifsicle'

image-20240318110104934.png

卸载已有的image-webpack-loader,用 cnpm 重新安装

 // 卸载
  npm uninstall image-webpack-loader
 // cnpm 安装
 cnpm install --save-dev image-webpack-loader

解决 blog.csdn.net/weixin_4737…