错误解决
SilenceJude
多做,多想,少说话。
展开
-
高德地图使用坑点记录。
1、AMap.AutoComplete的大小写问题,在v2版本中,从Autocomplete改成了AutoComplete,变成了大驼峰,真的坑死,千万别看错文档,不然就变成大家来找茬。2、AMap.AutoComplete中的city属性限制,只能限制城市!不管是citycode还是adcode还是文字,如果你设置省份,如河北省,山东省,370000,根本无效!但是AMap.PlaceSearch对于省份设置是有效的,无语。原创 2023-03-21 09:47:42 · 920 阅读 · 0 评论 -
Vue中keep-alive时,activated钩子函数比beforeRouteEnter钩子先执行。
Vue中开启keep-alive时,activated钩子函数比beforeRouteEnter钩子先执行。原创 2022-11-28 12:27:48 · 614 阅读 · 0 评论 -
nvm报错:Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.
nvm报错:Could not retrieve https://nodejs.org/dist/latest/SHASUMS256.txt.解决原创 2022-11-08 11:21:46 · 954 阅读 · 0 评论 -
抖音内打开的h5页面,跳转到抖音商户页面方法记录。
需求说明:最近在开发抖音内嵌H5页面,需要上传抖音视频,其实上传主要是通过后端封装抖音提供的openapi接口来实现。但是产品突然提了一个需求,说能不能上传成功后跳转到抖音其他页面呢?于是我翻遍了官方提供的js桥文档,但是官方文档里面根本没有相关的js桥和跳转方法。于是使出了程序员的三连:做不了,实现不了,没有这个功能。结果产品发来一个二维码,抖音扫码进去后是某商户的推广H5,功能大概是授权后上传素材视频,但最后它上传成功后居然跳转到了抖音的商户页面!啪啪打脸。于是开始研..原创 2021-12-15 10:09:21 · 28247 阅读 · 7 评论 -
webrtc学习记录附一【通过centos8搭建一个基础的coturn服务器】
前言一、安装Centos8图形化界面。1.1、安装图形桌面的软件包1.2、设置图形模式为默认模式启动1.3、重启后,即可登录图形化界面2、开始安装coturn服务器2.1、修改host,以便能正常连接gitlab2.2、下载,编译,安装coturn2.2.1、折磨部分,欧皇和大牛可以不看。2.3、记录内网,外网ip地址。2.4、关闭防火墙2.5、修改coturn服务器的配置文件2.6、关于openssl证书。2.7、运行coturn服务器。2....原创 2021-11-30 00:45:55 · 1793 阅读 · 0 评论 -
onPageStateChange在iphone上的2大坑点
用法:坑点:1、在安卓和iphone下返回的值不一样。2、在部分iphone机型下,只有点击小程序右上角的圆点返回才能触发!!!用法:onPageStateChange这个api,从微信7.0.3开始,webview内可以通过判断下面的方式判断小程序是否在前台:WeixinJSBridge.on('onPageStateChange', function(res) { console.log('res is active', res.active)})有了这个api,..原创 2021-11-24 12:30:46 · 2613 阅读 · 0 评论 -
纯CSS实现横向瀑布流代码记录
<div class="container"> <div class="item" style="height: 140px"></div> <div class="item" style="height: 190px"></div> <div class="item" style="height: 170px"></div> <div class="item" style="height: 120p.转载 2021-10-12 17:51:38 · 777 阅读 · 0 评论 -
记录一次购买ECS云服务器/轻量应用服务器部署nodejs服务器后却无法通过公网ip地址访问的坑。
场景描述我真的是被自己蠢哭了:之前腾讯的服务器到期了,续费又贵,于是转战百度。看到有活动,便买了一个99的轻量云应用服务器,又把域名转过来,花了六七十,前后花了一百多。通过rdp连接服务器,安装完node和相关开发工具后,启动项目,本地端口正常运行。然而通过公网ip访问的时候,却一直无法访问!以前通过腾讯服务器,node项目运行之后,是可以直接通过IP:端口来直接访问的,为啥现在不行呢?于是经过一通折腾,什么服务器管理器,iis,乱起八糟的东西都尝试了一遍,结果还是不行。.原创 2021-10-09 18:48:10 · 1121 阅读 · 4 评论 -
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory vue项目内存超出报错处理。
1、npm install -g increase-memory-limit2、进入工程目录,执行:increase-memory-limit3、运行:npm run dev如果不报错,那就直接可以用了。如果报错node --max-old-space-size=10240“‘ 不是内部或外部命令,继续往下走:4、在项目中全局搜索node_modules文件夹中的"%_prog%" 替换成 %_prog% (即去掉双引号)5、重新运行:npm run dev...原创 2021-09-26 10:17:44 · 3404 阅读 · 1 评论 -
v-for循环中的点击事件无效,不报错也不崩溃处理心得。
晚上加点东西到列表循环里,结果发现怎么改点击事件都不生效。查看控制台,也没有报错,只是单纯的点击不生效。于是写了个测试按钮,一步步的挪,发现都是可以的。一直挪到v-for中就会失效。 <div class="hot_list"> <div class="hot_info_item" v-for="(item,i) of currentImageItem.hotAreaConfigInfoList" :key="item.id">原创 2021-06-14 23:19:59 · 3387 阅读 · 0 评论 -
微信浏览器中,使用touchMove等事件时,会同时导致整个页面下拉显示网址问题解决!!
问题描述:页面需要做一个上拉下拉的滑动效果,所以自己加了一些touchmove,touchstart,touchend等事件来控制。pc下效果都挺不错的,但是到了微信浏览器中,恶心的情况就来了:每次下拉的时候,都会导致微信浏览器整个页面下拉显示网址,同时由于这两个事件冲突导致下滑效果非常差。问题分析过程:先来一通疯狂百度再说。结果查到的东西全是让禁用touchmove事件,还有一些高级点的加了一些判断,比如通过类名或者设置原型链上的某个属性值来判断是否阻止默认事件。 document原创 2020-11-04 10:38:19 · 2264 阅读 · 3 评论 -
vue中的vant使用心得及踩坑事件:轮播组件swipe渲染的宽度为0
文章目录问题现象:轮播组件swipe渲染的宽度为0问题描述:问题分析:问题解决:问题现象:轮播组件swipe渲染的宽度为0问题描述:今天开发的时候,需要使用一个轮播图组件。由于渲染的很多数据都是接口获取的,因此我这里通过hadImageDetail字段控制是否开始渲染。而下图的代码中,hadImageDetail是从接口异步获取到的,而van-swipe却会在vue的mounted阶段就开始渲染,导致此时轮播图获取到的宽度为0.如下图:问题分析:原因就是前面提到的,hadImageDet原创 2020-10-24 22:30:59 · 3647 阅读 · 0 评论 -
Photo Sphere Viewer的陀螺仪必须在https下才能开启,否则无效。!!!
我也是真的服了,找了七八个小时的问题,明明配置正确,代码ok,还找到react的代码对比,结果就是不行。最后翻github的issue,发现有人提到陀螺仪必须在https环境下才能开启。我尼玛啊。。。。!!!!!...原创 2020-10-12 20:26:25 · 644 阅读 · 5 评论 -
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
文章目录问题描述:解决过程:解决办法:问题描述:今天早上一开机,打开项目,发现项目一片醒目的红色,查看报错原因提示:Property ‘xxxx’ does not exist on type 'CombinedVueInstance<{ readyOnly: unknown; businessPrice: unknown; travelStaffInfo: any; } & Record<never, any> & Vue, object, object, obje原创 2020-09-04 11:13:25 · 9040 阅读 · 18 评论 -
vue/cli3的项目在控制台中出现debugger:///VMXXXXXX解决方法。
前几天搭建了一个基于vue/cli3的新项目,配置完vue.config.js之后,一切顺利,似乎没什么问题。但是打开控制台一看,console里的信息来源都变成了VMXXXX,鼠标移上去还会显示debugger:///VMXXXXXX,如下图:仔细研究一下发现,不止是显示出现问题,同时console里面的信息也打印了两次。进一步观察发现,不止是信息打印,而是app.vue的生命周期随着子组件的显示和隐藏,被重复执行了。刚发现这点时真的震惊了,一度以为是自己代码写得有问题或者是vue.config.原创 2020-08-17 10:08:21 · 7187 阅读 · 2 评论 -
Vue项目使用less和css3的calc时计算错误问题解决方案。
起因:项目开发过程中,需要计算一个div版块的高度为100% - 0.48rem,于是很自然的想到了: .content { height: calc(100% - 0.48rem); overflow: scroll; word-wrap: break-word; word-break: normal; }打开控制台查看代码效果,却发现 高度和我预想的不对。而且99.52%这个数字似乎很眼熟,看了半天才发现99.52 = 100 - 0原创 2020-05-11 17:05:25 · 1793 阅读 · 0 评论 -
使用nvm管理node时,安装angular/cli出现【无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称......】解决方案
由于公司项目原因,nodejs的版本指定为6.14.3,而最新的angular/cli 8 必须使用10.x以上的nodejs版本,所以决定安装nvm来进行node版本管理。安装完nvm之后,一切顺利。最后再安装angular/cli的时候却出现了各种问题。首先是ng v 的时候提示nodejs版本过低,需要10.x以上版本于是切换到了12.14.0,但是再次运行ng v ,提示【无法将“...原创 2019-12-23 09:47:34 · 4082 阅读 · 0 评论 -
基于vue/Cli2下的typescript配置。
记录一下基于vue/Cli2下的typescript配置。或者直接使用此空白项目文章目录一、新建项目二、安装TypeScript相关依赖三、修改webpack配置。四、添加 tsconfig.json五、添加 tslint.json一、新建项目vue init webpack xxxx二、安装TypeScript相关依赖//安装vue的官方插件npm i vue-class-comp...原创 2019-12-17 11:39:59 · 2191 阅读 · 2 评论 -
vue cli 2.0项目改造ts中,提示找不到模块vue
vue cli 2.0项目改造ts中,提示找不到模块vue。不光是找不到vue,任何node模块都会提示找不到。如下图所示:{“resource”: “/f:/personnelProject/ts-cli2-sudoku/src/main.ts”,“owner”: “typescript”,“code”: “2307”,“severity”: 8,“message”: “找不到模块...原创 2019-12-17 09:55:01 · 7476 阅读 · 0 评论 -
NPM报错 Error: EPERM: operation not permitted, unlink......解决办法和清除缓存——使用 rimraf 快速删除node_modules
由于国内外环境因素,npm install安装依赖的时候经常会出现各种问题,特别是“Error: EPERM: operation not permitted, unlink…”这个错误。这个错误因为报错信息的误导性,导致很多网上提出的解决办法都是什么设置权限,以管理员身份进入等乱七八糟的。其实这个错误出现的原因就是网络不稳定,导致npm包下载不完整或者出错导致的。什么,你家里100M光纤网...原创 2019-09-23 10:50:15 · 32720 阅读 · 4 评论 -
使用better-scroll实现滚动菜单时,出现报错“Failed to resolve directive: el”解决方案。
错误详情:使用better-scroll实现滚动菜单时,报错“Failed to resolve directive: el”。 错误原因:这是因为v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el,下面是修改的方法。解决方案:升级前使用v-el的代码:&amp;lt;div class=&quot;menu-wrapper&quot; v-el:menu-wrapper&amp;gt...原创 2018-09-01 20:13:55 · 5952 阅读 · 0 评论 -
vue编写路由 命令行报错“Do not use ‘new’ for side effects“
main.js里的原代码是这样的:new Vue({ router, el: “#app”, render: h =&amp;gt; h(App)})这段代码不使用ESLint检查运行是没有问题的,使用了ESLint要改成如下的形式:let vm = new Vue({ router, el: '#app', render: h =&amp;gt; h(App)}) ...转载 2018-08-17 19:58:29 · 348 阅读 · 0 评论 -
VUE ROUTER-LINK 上添加点击事件
点击事件失败原因:router-link会阻止click事件,你可以试试只用click不用native,事件是不会触发的。而a标签不会阻止。在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况解决方案:根据Vue2.0官方文档关于父子组件通讯的原则,父组件通过prop传递数据给子组件,子组件触发事件给父组件。但父组件想在子组件上监听自己的...转载 2018-12-13 14:11:21 · 700 阅读 · 0 评论 -
多行文本垂直方向上居中方法总结
问题描述最近写项目的时候遇到个问题,数据从后台发送过来,可能是1行文本或者2行文本,要求居中显示。如果按照height=line-height的方式来做,当文本是2行的时候就会使得2行文本的间距非常大。解决办法:1.首先给需要居中的元素外面再包一层div作为父元素。2.然后设置父元素的height=line-height,按照最大可能2行的高度来设置。3.对目标子元素设置display...原创 2018-12-13 15:24:26 · 611 阅读 · 0 评论 -
记一次完整的新浪云部署nodejs项目上线完整流程及填坑处理!
工欲善其事,必先利其器。在开始本次部署新浪云nodejs项目之前,请先做好以下准备工作:1.注册一个新浪微博账号!2.使用注册好的新浪微博账号,登录新浪云网站:http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKW7roB4gWZ_eIVrfrKydg.html3.在你的计算机上安装git,如何安装请参考廖雪峰老师...原创 2018-12-20 16:21:38 · 6254 阅读 · 20 评论 -
git提交到远程仓库github上时,出现 “failed to push some refs to”解决方案!!
不得不吐个槽,网上关于git的资料实在是太乱了,为了解决一个问题,结果掉到了又一个坑里!哎,赶紧自己把坑填起来,以免下次又掉进去!!问题起源——以前在github上面创建了一个仓库,后来项目写的差不多了,想要提交到这个远程仓库上面!然后执行下面步骤:1.在项目根目录下打开git bash: git init2.创建忽略上传文件清单(主要是忽略node modules): touch .g...原创 2018-12-12 11:22:43 · 4221 阅读 · 2 评论 -
vue-cli安装成功,但是无法运行vue-V等指令。报错vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件解决方案!!!
刚刚删除重装了nodejs,结果发现原来安装的vue不能用了,打算重新安装一遍,结果安装都挺顺利,但是vue命令都无法运行,一直报错“vue -V 不是内部或外部命令,也不是可运行的程序或批处理文件”查看了一下npm全局安装包,里面确实有vue安装文件,且之前npm install -g @vue/cli安装的时候也没有问题,那么会不会是环境变量这里有问题呢?因为以前自学angular的时候就...原创 2019-01-04 23:34:01 · 40914 阅读 · 13 评论 -
零散知识点记录。
记录一些零散的知识点,未验证,以免自己忘了。1.A,B组件非父子组件时,生命周期状态如图。如果此时通过bus触发$emit事件,只能绑定在组件1的 beforeDestory上,因为只有这时B组件才已经生成并挂在完毕。2.还是bus组件问题,切换路由时,这个$on事件是不会自动清楚销毁的,需要我们手动来销毁。记得在B组件上的beforeDestory中绑定 bus.$off销毁事件。...原创 2019-01-10 15:18:26 · 326 阅读 · 0 评论 -
微信小程序填坑
微信小程序的坑,默默填上,不想说话。1.TabBar中的list数组,一定要包含pages数组中的第一条,否则不显示!原创 2018-12-25 18:05:30 · 542 阅读 · 0 评论 -
npm报错合集。
一、npm ERR! cb() never called!报错原因:之前由于网速原因,导致安装失败的node_modules没有删除。解决办法:删除未安装完毕的node_modules文件夹,重新安装。...原创 2019-01-17 14:37:33 · 470 阅读 · 0 评论 -
mint-ui 时间选择器Datetime Picker的用法介绍。
官方文档坑爹啊,调用mint-ui中的Datetime Picker显示,必须使用该组件的open()方法。以前版本的有介绍,新版本就压根没提这档子事,干的漂亮!下面详解一下用法!首先,你得有一个元素来控制显示选择好的数据,这里我是通过控制isClicked的布尔值来显示。year变量的值就是选择后的值。selectYear函数是用来调用组件的open()事件。isClicked属性用...原创 2019-01-08 10:02:37 · 6689 阅读 · 0 评论 -
子组件多次复用且传参到父组件时遇到的一些问题。
问题描述:我们都知道,父子组件之间传参用props,子向父用$emit,兄弟间有bus。但是今天遇到个问题,A组件是一个selector选择器小组件,根据传参不同选择项目也不同,返回结果也不同。B组件中使用了4次A组件,传参都不一样,且需要将4次的返回结果都保存下来。其实就是下图4个自己封装的选择器,分别是A组件的4次复用,整个的大组件是B,B组件需要根据A组件的值来进行搜索,获取统计等操作。...原创 2019-01-10 00:50:23 · 4414 阅读 · 0 评论 -
nodejs服务器使用cors解决多个域名跨域问题。
如果有更多的域名需要设置,直接在origin数组中添加即可。app.use(cors({ origin: ['http://127.0.0.1:3006', 'http://127.0.0.1:5500'], credentials: true}))原创 2019-01-28 11:35:16 · 3159 阅读 · 0 评论 -
Vue中的监听器属性watch,监听对象的一些深入研究。
Vue中的侦听器属性watch使用的频率还是非常高的,但是对于其中的一些特性使用起来还是比较模糊,没有总结的特别到位。有次和同事为这事争论了半天,看到对方比较强硬自己就怂了,心想难道是我记错了?其实还是因为自己没有深入的探究过,虽然记得,但却没有实际的去验证!为了弄清楚这个问题(为了下次能吵赢 ),今天特意写了一些demo来验证一下。data中有以下属性,year是普通属性,yearList是数...原创 2019-01-23 13:30:45 · 7570 阅读 · 4 评论 -
el-table中设置行数据联动变化时,其他列的数据延迟更新(要点击其他位置才更新)的问题解决!
有段时间没有写文章了,因为一直在忙着赶项目,每次想写什么都觉得好累,身心俱疲。可是不写又怕踩过的坑哪天又掉进去了,而且时间一长就忘了当时是怎么解决的,果然是年纪大了么…问题描述项目中需要做一个表格行的数据联动,修改号码,会根据输入的值进行判断是否符合规则,符合规则就能够输入;否则就提示错误信息,并将表格的值置为修改之前的值。这里我使用了自定义指令来完成校验和恢复旧值,当元素focus的时候记录...原创 2019-04-28 19:17:16 · 3098 阅读 · 0 评论 -
el-radio等elementui组件使用@click.native时,绑定的事件会触发2次的问题
场景描述由于某些原因,elementui提供的事件并不能满足我们的需求。此时如果想监听根元素的原生事件,就只能使用.native修饰符。本次项目中,我也遇到了同样的情况,因此使用.native修饰符来监听原生click事件。然而,在点击的时候,却发现el-radio上绑定的事件触发了2次!!解决过程自己找了半天,也没找到问题所在。但是大概猜想到了原因,el-radio肯定是封装了好...原创 2019-05-15 17:05:33 · 8369 阅读 · 1 评论 -
奇怪的项目报错记录。
一、vue项目报错vue.runtime.esm.js:1737 RangeError: Invalid array lengthvue.runtime.esm.js:1737 RangeError: Invalid array lengthat Proxy.renderList (vue.runtime.esm.js:3704)at Proxy.render (index.vue?613...原创 2019-05-22 14:20:50 · 774 阅读 · 1 评论 -
vue-cli下的项目出现Module not found: Error: Can't resolve 'stylus-loader'错误解决方案。
问题描述:在慕课网学习vue课程,使用import导入header.vue文件时候,出现错误。 经检查,文件路径没有问题。 查看8080端口网页的结果,对错误信息描述的更清楚,导致错误的原因是 Can’t resolve ‘stylus-loader’,原来是因为我没有安装stylus和stylus-loader。 解决方案:找到问题后,解决问题就简单多了。 使用如下命...原创 2018-08-16 22:44:04 · 37121 阅读 · 2 评论