![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
🌴前端常见的报错问题🌴
文章平均质量分 56
正如分栏名称一样,总结的一些都是在实际中遇到的问题,希望对你有所帮助,
张清悠
学会不为过程的缓慢而焦虑,即使暂时未能如你所愿,但只要你在努力,你就在不断成长!
展开
-
element ui 上传图片之后跳转、刷新、保存,预览和删除丢失问题
一、话不多说先看实际效果二、直接上源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-07-08 11:51:35 · 1724 阅读 · 5 评论 -
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID报错
npm ERR! code ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! errno ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! request to https://registry.cnpmjs.org/lodash failed, reason: Hostname/IP does not match certificate’s altnames: Host: registry.cnpmjs.org. is not in the cert’s原创 2020-09-01 09:13:51 · 1270 阅读 · 2 评论 -
使用element ui 的日期插件搜索清空时报错
1.先贴上一张图,供您看一看Error in v-on handler: “TypeError: Cannot read property ‘0’ of null”我这报错报了一个 property ‘0’ 为null ,其实再仔细一看是用的ui 插件日期的报错2.上代码给您分析一下1.element ui 组件库 <el-date-picker v-model="ruleForm.changeTime" size="small" type="daterange"原创 2021-06-12 15:45:16 · 785 阅读 · 0 评论 -
“org.springframework.http.converter.HttpMessageNotReadableException“前端页面传参到后端错误
先上报错图片2.前端是下拉选择,而后端是数字类型,3.解决办法把前端把下拉选项转换成数字,然后传给后端进行比较代码如下: //下拉选择框 <el-select v-model="ruleForm.state" size="small" clearable placeholder="请选择" @change="searchList"> <el-option v-for="(key,val) in s原创 2021-06-02 16:16:49 · 347 阅读 · 0 评论 -
axios 设置请求Vue
在axios向后端传参时需要设置请求头,确保请求参数的格式为JSON字符串(此时用JSON.stringify(obj)无效时)this.$axios({ method:'', url:'', headers: { 'Content-Type': 'application/json',//设置请求头请求格式为JSON 'access_token': this.token //设置token 其中K名要和后端协调好 },原创 2020-09-17 22:01:33 · 199 阅读 · 0 评论 -
前端样式CSS水平垂直居中的十中方法
第一种通过绝对定位的方式 absolute + 负margin 首先知道子元素的宽高,给子元素设置top:50%;left:50%,但绝对定位是基于子元素的左上角,我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值,负的外边距可以让元素向相反方向定位, 通过指定子元素的外边距为子元素宽度一半的负值,就可以让子元素居中了**优点:**比较好理解,兼容性好**缺点:**需要知道子元素的宽高第二种:也是通过绝对定位的方式 absolute + margin auto 这个是需原创 2020-09-09 14:40:33 · 759 阅读 · 0 评论 -
Vue在打包上传gitee时看不到dist的解决方法
vue项目打包git提交后,在线上看不到dist文件夹**问题描述:**项目写完后,打包提交到测试环境,发现dist文件夹在本地,并没有提交到测试服务器,问题原因:vue项目在git打包上传过程中,为了节约包体积,会禁止dist的上传解决办法:打开Vue脚手架文件列表中的.gitigone文件把其中的dist给删掉就好了欢迎大家进群进行技术性的探讨, 群号:954314851...原创 2020-09-04 11:02:11 · 418 阅读 · 0 评论 -
解决Error: Cannot find module ‘@vue/cli-shared-utils‘
Error: Cannot find module ‘@vue/cli-shared-utils’解决办法:1、删除node_moduls文件夹2、运行npm install3、最后重新启动,yarn serve原创 2020-08-28 10:13:23 · 14309 阅读 · 0 评论 -
微信小程序常见的问题处理措施
1、TabBar 至少包含两项/2、Json配置文件是非常严格json格式不允许:注释,键值对单引号,多余逗号,3、TabBar配置了,但是看不到是不是分辨率不够,需要往下滚动查看Tabbar图片路径写错4、小程序中如何获取地理位置并通过小程序展示地址1.app.json权限配置:"permission": { "scope.userLocation": { "desc": "你的位置方便获取最新房源" } }2、调用wx.getLocation({原创 2020-08-11 21:14:23 · 993 阅读 · 0 评论 -
小程序报错navigateTo跳转问题
解决报错(in promise) MiniProgramError {“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“}今天学习了小程序实现路由跳转,我在操作的时候在控制台出现以下错误信息。问题原因:经过查阅资料,知道使用navigateTo路由跳转方式,保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就ok.我就原创 2020-09-17 17:10:17 · 3091 阅读 · 1 评论 -
Vue启动如何解决构建模块问题
vue 启动Module build failed (from ./node_modules/vue-loader/lib/index.js)Module build failed (from ./node_modules/babel-loader/lib/index.js):ReferenceError: E:\cblhxwebtest\babel.config.js: Error while loading config - webpack is not defined at Object.原创 2020-08-21 20:43:40 · 1300 阅读 · 0 评论