其他bug解决方案
关注
分享
扫一扫
各种各样的bug解决方案
猛男找1
这个作者很懒，什么都没留下…
展开
-
chrome 扩展 Service worker registration failed 解决
问题：背景页无效有几个注意点，1、版本及格式问题：这里用的是**“manifest_version”: 3**，所以配置文件（manifest.json）跟2的写法有些不一样了，官网上是这样写照着官网写，貌似没毛病哦，可是就是出了毛病，背景页无效2、文件引入问题：我给放在js文件夹里面了，这样是不对的，background文件要放在根目录。所以，解决办法就是把background.js放在根目录引入就行了，看图：完美收官！...原创 2021-03-26 11:29:06 · 13621 阅读 · 7 评论 -
react 新建的项目报错：Module build failed (from ./node_modules/babel-loader/lib/index.js
差不多是这种//报错Module build failed (from ./node_modules/babel-loader/lib/index.js):解决瞎猫碰上死耗子吧，一看这种依赖包的问题，第一想到的就是npm install ，因为新建的项目忘了这一步就试试，没想到真成了。若不成就考虑是不是版本冲突了。...原创 2021-01-23 10:14:47 · 1719 阅读 · 0 评论 -
vue 中使用全局scss
css的全局样式可以在html中通过link引入，但scss不行，也不能在main.js中引入，只能在配置文件中设置 <link rel="stylesheet" href="static/style/reset.css" type="text/css">1、首先要安装scss依赖npm install node-sass --save-devnpm install sass-loader --save-devnpm install style-loader --save-devn原创 2020-10-21 09:52:31 · 327 阅读 · 0 评论 -
tinymce 富文本编辑器在多个路由页面切换时不渲染内容且不能编辑要刷新才能正常显示解决方案
因为做的后台系统做了切换路由功能，使每个路由都keep-alive，使用tinymce编辑器时总是第一次打开渲染不出内容而且不能编辑，都要刷新下才能正常显示和编辑，百度找了许多方法，试了一遍后找到了对我的项目有效的办法：首先就是给编辑器加上个key，<tinymce-editor :init="init" v-model="form.container" id="tinymce" :key="tinymceFlag"></tinymce-editor> data() {原创 2020-09-08 09:11:36 · 6034 阅读 · 4 评论 -
这又是什么奇怪的bug（4）duplicate attribute: v-if
一定有某个地方有两个v-if报错问题源解决 删掉多余的v-if原创 2020-09-08 09:06:19 · 1599 阅读 · 0 评论 -
watch中监听保持活性的路由如何只处理当前的页面参数的变化
做的后台系统，每打开一个页面，上方就增加一个路由标签方便来回切换。而当要编辑表格中的数据时往往会打开相同的页面，通过判断路由传入的id来调接口获取数据，因此就需要监听路由。而为了有些页面切换时不丢失当前操作的数据，如搜索条件，每次切换回来会保持当前浏览到的位置而不会重新刷新，就给路由做了keep-alive，所以这里的监听路由，会监听到地址栏里所有路由的变化。如果别的不相关的页面如果也传了goodsId，当前页面也会执行if里面的代码，也就是会调用接口，当然因为id都不一样的肯定会找不到从而调用失败会弹原创 2020-08-04 09:42:14 · 549 阅读 · 0 评论 -
这又是什么奇怪的bug(8) element ui 选择器能监听到选择改变及拿到value 却不显示
form.region 一开始在form中是没有的,是通过调用接口后才出现，所以，需要在一开始就给form定义 region才能在选择器框中显示原创 2020-07-29 10:29:15 · 237 阅读 · 0 评论 -
这又是什么奇怪的bug（7）之node更新后运行项目cannot GET/
报错信息Module build failed: Error: Missing binding /Users/fungleo/Sites/MyWork/vuedemo2/node_modules/node-sass/vendor/darwin-x64-57/binding.nodeNode Sass could not find a binding for your current environment: OS X 64-bit with Node.js 8.xFound bindings for原创 2020-07-24 11:31:41 · 1191 阅读 · 0 评论 -
这又是什么奇怪的bug（6）vue 选择框默认值显示key而不显示标签
原因是获取到的key值与下拉选项数组中的key值数据类型不一样，两个值要完全一样才能显示对应的标签原创 2020-07-23 16:29:38 · 446 阅读 · 0 评论 -
这又是什么奇怪的bug（4）localStorage.getItem 获取到的数据打印出来是[object object]
原因是localStorage.getItem 只能存字符串 需要用JSON将对象转化成字符串存储再通过JSON转化出来原创 2020-07-22 10:14:30 · 1482 阅读 · 0 评论 -
这又是什么奇怪的bug(5)之JSON与eval转化都失败
又是万恶的vue监听加的后缀 ob: Observer与万恶的深浅拷贝，导致两种转化都失败，解决办法就是不要直接将res赋值给collectData，只要把res深拷贝过来，什么转化都没问题了问题源JSON转化：报错：JSON转化eval转化eval报错：解决办法...原创 2020-07-17 17:20:16 · 199 阅读 · 0 评论 -
这又是什么奇怪的bug（3）给对象添加属性要注意深拷贝
深拷贝啊深拷贝，不能直接拿data的属性赋给新变量，这样新变量改变时会把原来的对象也给改变，而vue又不允许直接修改data中的属性值（差不多是这样把，可能说的不太准确）报错问题所在修改...原创 2020-07-16 16:56:14 · 156 阅读 · 0 评论 -
这又是什么奇怪的bug(2)
抽死自己吧，-1是没找到，没找到才是新规格，下图是严重的低级错误，下标-1能找到才有鬼咧，活该undefined原创 2020-07-16 16:49:22 · 120 阅读 · 0 评论 -
莫名其妙的bug（1）某个属性为null转手回来就变成了Object
最烦vue的这个__ob__: Observer，一不小心就拿不到原本的数据，而这次出现这个问题是因为我自己封装的深拷贝方法返回的数据被__ob__: Observer缠上了，没办法只能用Object.assign来深拷贝，虽然这方法深拷贝也不太靠谱，数据层次深点就变成浅拷贝了。...原创 2020-07-16 16:24:03 · 304 阅读 · 0 评论 -
vue Avoid using non-primitive value as key, use string/number value instead.
在循环渲染tag标签时报错意思就是:key绑定的值不要用数组或者对象，要用字符串或者数字比较好改成一个唯一的标识，实在没有，也可以用下标原创 2020-06-30 11:33:38 · 642 阅读 · 0 评论 -
vue element select多选报错 arr.some is not a function原因及解决方法
用下拉选择框 使用multiple 属性 多选时出现报错下面是还原当时的操作其实只是一个小小的问题，就是绑定值的类型，应该是数组，我写成了对象,如下，改过来就不报错了原创 2020-06-30 10:41:09 · 7112 阅读 · 4 评论 -
element ui select选择框选中后获取选中项的所有信息，选中其中一项所有项都被选中的bug
value是选中值发生变化时触发的方法传的值，以前傻傻以为只能绑定单个属性，但是有需求要选中后拿到当前item的所有属性值，所以直接value绑定item原创 2020-06-15 16:47:21 · 3429 阅读 · 0 评论 -
隐藏滚动条overflow-y:hidden 不滚动问题解决
一般想要页面滚动又不想出现滚动条，网上大多回答是overflow-y:hidden,然而我发现并没卵用，反而造成页面无法滚动。要想真正实现效果，可以给父元素overflow:hidden 然后子元素设置overflow:scroll就能隐藏y轴的滚动条，但是x轴的还会出现。需要注意的是父元素需要设置高度或最小高度，否则会失效...原创 2020-06-23 20:37:10 · 7756 阅读 · 0 评论 -
css height: 100%无效问题
height: 100%无效有可能是其父元素本身就没高度或者fymin-height：100%, 子元素设置height:100%无效height:100%的组件继承其父组件的高度，所以首先找其父元素的高度，若父元素也设置了100%，同理再往上找...原创 2020-06-23 10:12:35 · 759 阅读 · 0 评论 -
react antd 有多个Popover气泡卡片手动控制显隐
有个需求要实现点击批量复制输入复制数量，点确认复制当前行，点取消隐藏气泡框。用对话框的话显得大材小用，毕竟只有一个输入框，而Popover气泡卡片正好可以满足需求而且占用面积小。因为里面添加了自定义的确认、取消按钮，所以需要手动控制气泡框的显隐，那么问题来了。当给定一个值来控制显隐时，是完全不够的，这样会造成所有气泡框会同时出现。官方文档只演示了只有一个气泡卡片的例子，当然可以直接给state一个visible来控制显隐，而要控制多个，则需要定义第二个值来配合这是官方文档里的例子import { Po原创 2020-06-20 14:11:31 · 9026 阅读 · 7 评论 -
Property or method "payType" is not defined on the instance but referenced during render
官方解释：也就是说，用import导入的数据要在data中先声明原创 2020-04-13 16:27:03 · 529 阅读 · 0 评论 -
vue this.xx.push is not a function
使用push往data的数组中添加对象时要注意要定义为数组或者取得值后是数组，不然会报错看到这种错误首先检查数据的类型，要是数组才能push原创 2020-04-10 16:21:57 · 7395 阅读 · 0 评论 -
element ui input 标签文字自动换行问题
用element ui 的input组件做搜索输入，前面的标签文字无论几个总要分成两行显示，实在不美观，查看代码也没发现哪里设置了，于是直接使用 white-space:nowrap; 禁止其换行...原创 2020-04-07 14:58:13 · 11817 阅读 · 2 评论 -
vue 关于深拷贝与浅拷贝浅显的理解
在进行数据传递时要注意深拷贝与浅拷贝通俗点说，深拷贝就是完全拷贝旧对象的内容成为一个全新的，独立的对象，新对象的增删改不影响旧对象，浅拷贝就是拷贝的旧对象所指向的地址，新对象的增删改会造成旧对象也会有相应的改变。例如浅拷贝：var a = {name:‘xxx’}var c = a此时的c ===》{name:‘xxx’}在c中改变name的值c.name = ‘vvv’打印a ...原创 2020-04-01 18:22:16 · 397 阅读 · 0 评论 -
配置axios，将token赋值给一变量，在拦截器中通过变量获取token，导致调用其他接口报401
在vue开发中使用axios来调用后台接口，需进行一系列配置，这里就不多说了，主要是发现了一个小小的问题。我做的项目是登录成功返回一个身份验证信息token，我将token保存在本地session中，然后在配置axios的http.js文件中将token赋值给一个变量，然后在拦截器判断是否存在token，这里是通过变量获取的代码如下然后登录成功之后跳转到主页面继而调用接口获取用户信息，此时...原创 2020-03-31 15:44:40 · 511 阅读 · 1 评论 -
element ui 去掉侧边栏默认宽度
使用element ui 的布局容器布局时，其侧边栏el-aside有默认宽度300px,但是由于要做侧栏导航菜单折叠与展开，所以侧边栏的宽度需随菜单的宽度变化而变化，就不能给el-aside设宽度，即给el-aside设width=null...原创 2020-03-30 16:16:27 · 4856 阅读 · 0 评论 -
父元素绑定mousedown其子元素也会默认被绑上
最近在做滑块验证，从百度上找来一个使用mousedown、onmousemove、onmouseup来实现，然后点击绑定了mousedown事件的滑块，打印出来的e.target有时候会是其里面的子元素代码如下：打印出来的e.target只要鼠标碰到i标签，后面移动的就是i标签，可是这并不是我想要的，我想要移动的是slider，不是一个标签。但是mousedown本身就是这样，看了文档...原创 2020-03-26 17:08:13 · 1278 阅读 · 0 评论 -
React Hook xx is called in function xx which is neither a React function component or ...
这个坑，真的很小很小，就被绊倒了，困扰了好几天，网上也没找到关于这个坑的解决办法。源码是这样的：然后报错信息：问题就出现在函数的取名，函数名首字母要大写 我的函数名是slider 改为Slider就不会报错了...原创 2020-01-07 15:03:47 · 4465 阅读 · 4 评论 -
es6交换数组对象元素的位置
方法一：（此方法有些注意的细节是可以优化的）1、findIndex查找元素在数组中的位置2、通过结构赋值交换数组位置，可以多个同时调换[arr0[mingIndex],arr0[lanIndex],arr0[lvIndex]] = [arr0[lvIndex],arr0[mingIndex],arr0[lanIndex]];左边是元素在数组中的原本的排列顺序 右边是自己希望的排列顺序。 ...原创 2019-12-02 12:00:59 · 8298 阅读 · 0 评论 -
与运算实现权限控制
与运算（“&”）计算方法：参与运算的两个数据，按照二进制位进行“与运算”。运算规则：0&0=0; 0&1=0; 1&0=0; 1&1=1;即：两位同时为1，则值为1。否则为0例如：6 & 7 = 110 & 111 = 110 = 68 & 3 = 1000 & 11 = 0 = 0十进制转化成二进制...原创 2019-11-29 10:57:24 · 229 阅读 · 0 评论 -
git 未能顺利结束（退出码1）
按照https://blog.csdn.net/hjwdz2015/article/details/90487554这个博客地址的教程从安装到创建仓库最后上传代码时报错百度后找到解决办法，强制推送。打开git命令窗输入以下代码git push -f origin master再次推送（push）就成功了。...原创 2019-11-27 15:08:38 · 8503 阅读 · 1 评论