错误集和Bug集
收集日常操作错误,和Bug
心刻
这个作者很懒,什么都没留下…
展开
-
导入使用javascript-obfuscator加密后的文件,报错Cannot find module “.“
导入javascript-obfuscator加密混淆后的文件报错找不到模块原创 2022-12-07 17:17:25 · 3345 阅读 · 1 评论 -
input输入框超出部分用省略号表示以及判断内容是否有超出(PC端)
input输入框超出部分用省略号表示,判断input内容是否有超出需要显示提示文本,input内容省略时按住鼠标左键不放移动会跟随移动原创 2022-07-30 10:10:46 · 3997 阅读 · 1 评论 -
与同事协作一起维护发布同一个npm包,报错You do not have permission to publish
问题在公司中与同事一起共同维护发布一个npm包(不同的npm账号共同维护同一个npm包),当我npm publish下一个版本的时候,出现报错,内容如下npm ERR! code E403npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/npm包名 - You do not have permission to publish "npm包名". Are you logged in as the correct user? npm原创 2022-04-03 10:04:29 · 1302 阅读 · 0 评论 -
nuxtjs引入阿里图标iconfont,外部在线链接地址的方式引入
Font class 的方式复制图标链接地址打开nuxt.config.js文件,在里面link的位置添加外部css链接地址 { rel: "stylesheet", href: "https://at.alicdn.com/t/xxx.css" }如下:在页面中使用图标// iconfont是图标项目的默认Font Family; icon-xxx是图标的名称<i class="iconfont icon-xxx"></i>Symbol 的方式原创 2022-02-17 11:57:47 · 1570 阅读 · 0 评论 -
nuxtjs在vue组件中引入单独js文件内的vue不是同一个,vue.prototype.$Spin是undefined
nuxtjs引入的 js 文件中,想要在axios拦截器中使用iview的spin组件做出提示,但是这里通过`import Vue from "vue";`引入vue对象,使用iview内置全局`$Spin`方法,报错`Vue.prototype.$Spin`是undefined。若在上面的vue组件中使用`this.$Spin`却是正常的。原创 2022-02-16 14:15:22 · 1252 阅读 · 0 评论 -
vue项目中,用iframe嵌套其他页面在IE浏览器打开空白而在谷歌打开正常的问题
vue项目使用iframe在ie中显示空白原创 2022-01-18 15:44:46 · 2501 阅读 · 0 评论 -
在项目目录中创建了另外一个项目,git没有跟踪新创建的项目
问题在原来的项目目录中用脚手架搭建了另外一个项目(即原项目文件夹中存放另一个项目文件夹),但是git没有跟踪到新创建的项目文件夹内容,使用git status命令查看也是当前工作区是干净的。原因用脚手架创建的新的项目中,存在 .git 文件夹了,所以在原来的项目目录中 git 跟踪不到解决删除新创建项目文件夹中的 .git 文件,通常这个文件是隐藏的。...原创 2022-01-14 18:53:00 · 670 阅读 · 0 评论 -
draggable 为 false 时,在鼠标选中内容之后,还是可以拖动的,触发ondrop事件
问题设置draggable 为 false 时,在鼠标选中内容之后,还是可以拖动的,并触发ondrop事件以下是菜鸟教程中的例子(点击打开),遇到的问题就是改写中的这个样子将draggable 设置为false,ondragstart事件处理函数中,存入的值不依赖ondragstart事件对象event中的某个值时,用鼠标选中内容之后进行拖动(谷歌浏览器),依然是可以触发ondrop事件进行处理的。如果是在vue等项目中,不需要依赖event的情况时,就会导致出现bug。解决如果是不需依赖eve原创 2022-01-12 21:26:31 · 4092 阅读 · 0 评论 -
Vue2中watch监听props属性无效不触发,而computed可以监听到
问题父组件通过props传递数据对象中的某个属性值给子组件,子组件中watch监听传来的props的变化执行某些内容。父组件中循环调用自己嵌套了多层。出现即使修改了传值,watch也没有监听到,而computed可以监听到的情况。我遇到的问题大概就是以上的情景,实际项目中更为复杂,难以描述得非常清楚。解决使用immediate选项。 原本这个选项是用于要立即以当前值触发监听处理回调的,但是遇到上面这种情况开启这个之后就神奇的解决了。例如,监听的是传入的checked属性// children.vu原创 2022-01-12 21:02:27 · 12850 阅读 · 4 评论 -
vite搭建vue3的项目中,ReferenceError: Buffer is not defined
问题:下载文件,后端返回buffer,前端下载;浏览器报ReferenceError: Buffer is not defined原因:在页面中使用了Buffer,但是浏览器中JS没有Buffer对象,它是存在Node中。解决:将Buffer对象改用ArrayBuffer对象,ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数,用来生成实例。它接受一个整数作为参数,表示这段二进制数据占用多少个字节。接口返回结果:改写后的下载方法:func原创 2021-12-20 11:06:46 · 21948 阅读 · 2 评论 -
vite的import.meta.globEager引入内容为空,导入不了,没有报错
情况:使用import.meta.globEager导入,得到的内容是空的,控制台也没有报错。解决:检查路径是否写正确,特别是写相对路径时,搞清楚是相对哪里。如果路径中并没有那个文件,引入内容就会是空的,控制台也不会报错。所以检查检查路径。...原创 2021-12-09 17:01:28 · 4489 阅读 · 0 评论 -
VitePress初始运行报错Package subpath ‘./dist/vue.runtime.esm-bundler.js‘ is not defined by “exports“ in..
VitePress(0.20.0)按照VitePress文档初始化项目后,运行docs:dev脚本报错,错误如下Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./dist/vue.runtime.esm-bundler.js’ is not defined by “exports” in F:\work\workPlace\temporary\test\node_modules\vue\package.json原因Node版本太低,我原创 2021-11-03 10:52:56 · 7000 阅读 · 0 评论 -
webpack引入uglifyjs-webpack-plugin后报错 ERROR in entry.js from UglifyJs
在学习webpack3的时候,引入uglifyjs-webpack-plugin插件,然后运行报错原因是:运行了 webpack-dev-server 启动了开发服务器,而不是运行 webpack 打包命令。开发环境中是基本不会对js进行压缩的,在开发预览时我们需要明确的报错行数和错误信息,所以完全没有必要压缩JavasScript代码。而生产环境中才会压缩JS代码,用于加快程序的工作效率。devServer用于开发环境,而压缩JS用于生产环境,在开发环境中作生产环境的事情所以Webpack设置了冲突原创 2021-09-29 11:24:05 · 735 阅读 · 0 评论 -
antd中表单输入自定义校验明明输入了内容还是提示为空请输入
情况说明:今天接手一位同事写的代码来修改,项目用的vue+ant。在修改密码功能上,发现在新密码输入框校验中,我明明输入了内容(没有符合自定义校验规则的内容),但还是校验提示请输入新密码。但是我按照密码校验规则输入内容,就可以正常通过。想了想好像是在提示语上出现了问题,对比了官网的例子和代码发现,这里即写了自定义校验,又写了message。原因:自定义校验中写了message,就会优先用message的校验失败提示语,而忽略自定义校验中返回的callback(new Error('校验失败提示语'))原创 2021-04-20 17:01:36 · 4784 阅读 · 1 评论 -
flex布局margin-right失效
在写一个商品列表时候遇到的想要的效果:一个大div里面放小div,大的div左右设置margin,然后里面的小div两边贴边排列。遇到的问题:大div右边margin不显示,而且大的div大小就是铺满屏幕的大小原因:大的div设置了width是100%解决方法:把大div的width去掉后正常显示.goodslist { display: flex; justify-co...原创 2020-04-18 20:23:16 · 5964 阅读 · 2 评论 -
iview的table中使用Poptip最后一项时出现滚动条异常或者内容显示不全
问题:iview的table中使用Poptip,点击更多展示poptip,但是最后一项时就出现滚动条,内容显示不全,拉动滚动条就一直在抖。原代码:解决方法:给Poptip加上transfer属性原创 2020-06-21 12:48:52 · 1485 阅读 · 0 评论 -
Vue报错Error in mounted hook: “far <= 0“
经过排查,发现原因是组件里面 有标签的ID值重复了比如 A组件引入使用B组件,B组件又引入使用C组件,而A组件里面有个 div 标签的 id 是 map ,而C组件里面也有一个 div 标签的 id 是 map 。就会出现这个错误。...原创 2020-10-23 14:06:26 · 5805 阅读 · 0 评论 -
vue中style下scope的使用和坑,修改不了ElementUI组件样式
在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。scoped实现私有化样式的原理为什么会说,会增加复杂度?那么我们先从的实现模块的原理说起。为了方...转载 2020-05-02 19:30:37 · 2541 阅读 · 0 评论 -
Vue框架中使用ElementUI点击图片跳转后,滚动条不见了
在点击图片跳转的时候,有时候滚动条会消失不见了。网上找了一下答案是说这个是bug,原因就是页面跳转后,body被加上了style="overflow: hidden;"的样式。vue文件的内容如下 <router-link to="../index" title="二手交易平台"> <el-image style="width:100px; height: 10...原创 2020-04-30 22:44:12 · 1933 阅读 · 0 评论 -
Vue文件报错vue.runtime.esm.js?2b0e:619和1888 Error: [ElementForm]unpected width两个错误
今天在测试之前写的页面的时候,发现在切换页面的时候报了下面这两个错误。vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in beforeDestroy hook: "Error: [ElementForm]unpected width " 和 vue.runtime.esm.js?2b0e:1888 Error: [ElementForm]unpect...原创 2020-04-29 22:56:45 · 17255 阅读 · 4 评论