报错盒
专门为自己做一个收集错误的容器,便于查找
~牧马~
这里是记录小编学习和工作中遇到的问题及解决后的答案,希望对你有所帮助,错误的地方,请多多指教
展开
-
【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
就是获取不到dom 的宽高导致无法动态渲染dom实例,实际就一定写过了,但是还是没有获取到,为什么呢?这里说明下,有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”,结果排查了半天是因为一个符号写错,服了,写代码的时候还是得注意点。实际dom已经初始化并加载出来了,点击对应的事件,无法渲染图型。原创 2024-03-19 11:56:25 · 403 阅读 · 0 评论 -
【记录37】VueBaiduMap 踩坑一
一眼就看出,不对,值在父组件初始化过程中就已赋值,but实际中还是报错,猜测:页面在生命周期加载中哪可能出错,结果排查发现是vuebaidumap(子组件)的加载比父组件(引入vuebaidumap页面)还早,问题就出现在这里。虽然不影响使用,但看见控制报。回调观察程序“content”时出错:“TypeError:无法读取未定义的属性(读取’setContent’)”vuebaidumap的初始化加载在mounted生命周期前,created生命周期后。原创 2024-03-08 14:19:20 · 451 阅读 · 0 评论 -
【问题+解决】axios/vue/element/echarts引入报错
经过排查就是这种的引入方式失效了,引入当时也是根据官方文档引入的,纳闷了,之前还好好的,怎么突然出问题了;排查发现这种的引入不是正确的,记得之前引入,是cdn,排查发下,它的引入方式是unpgk,进而导致的。方法引入,开始引入,应用都是正常,后来用了也没问题;奇怪的是,前几天发现html页面无法出现效果图。更新线上项目发现,html页面加载慢;页面样式也出现了问题;笔者在html页面引用vue来快速实现页面;大家想用直接复制就行。原创 2024-01-17 16:28:24 · 665 阅读 · 0 评论 -
【问题+解决】 less-loader下载
less下载,还是less报错问题解决方案原创 2023-12-21 11:25:17 · 595 阅读 · 0 评论 -
Duplicate keys detected: ‘1‘. This may cause an update error.
因为你在同一个页面有两个for循环,导致索引发生错误,不知道选择那个为中,因此报了这种错,应做一个索引划分。在同一个页面存在两个for循环的话,上面这两种都会出错。首先判断是因为for循环导致的,检查是否出现重复。检测到重复密钥:‘1’。这可能会导致更新错误。解决方法:如下,随便给其中一个加一个字符就好了。笔者是同一个页面两处for循环导致。原创 2023-08-25 11:00:37 · 2384 阅读 · 2 评论 -
NavigationDuplicated: Avoided redundant navigation to current location: “/fristhome/product“.
原因:Uncaught (in promise) navigationduplicate:避免冗余导航到当前位置:“/ frishome /product”。解决方法:找到router/index.js 配置下面。简单来说,就是路由重复性的加载导致路由沉余。原创 2023-08-25 21:00:00 · 555 阅读 · 0 评论 -
【echarts】Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
笔者问题出现的情景:从其它页面跳转都没问题,可以正常加载展示,唯独一旦刷新浏览器就加载不到了(dom的宽高都已设置)。通过查资料研究发现出现问题是地方是“浏览器刷新后,页面是需要重新加载渲染,而在加载还未完成时,echarts图函数被已加载,页面还没渲染结束,肯定就获取不到DOM的宽高啦。:无法获取DOM的宽度或高度。例如,你可能需要在window.onload的回调函数中调用它。解决方法:笔者是在mounted() 中借助setTimeout()来延迟加载。无法获取dom的宽高(简单来说就这个几个字)原创 2022-10-28 14:45:29 · 19337 阅读 · 2 评论 -
【案例】【技术难点(已解决)】vue 线上项目访问本地资源 访问不到、跨域等问题的解决方法
更详细的video标签属性介绍:https://www.runoob.com/tags/tag-video.html。对于项目如何打包上线,这里笔者就不多说啦,因为会遇到这个需求的肯定会布署项目。真正需求就是要访问本地多个视频已打包好的项目中播放并循环播放。nginx.conf中的指定存放资源的路径是否正确;在访问线上项目,从访问的电脑本地获取资源。video_url是为了动态获取访问地址;autoplay表示视频准备好就播放;nginx启动成功,但访问不到资源。前面两个都没问题,就是项目访问不到。原创 2022-08-22 19:00:00 · 2531 阅读 · 0 评论 -
【记录21】[vue-router] Duplicate named routes definition: { name: “details“, path: “/equiment/details“
已解决,name或path要唯一,而实际是命名有重复原创 2022-03-24 18:00:00 · 1001 阅读 · 0 评论 -
【记录20】 router. before each is not a function 已解决
报错原因是小编这里引入和定义用的是同一个router之前还可以,今天突然浏览器出现报错没有定义router,找了半天原来只是将其赋值,没有使用引入的,骗过的浏览器导致的,这样是不对的,需要给引入的赋值,import router from 'vue-router',而在写路径时直接赋给了定义的router,没有赋给引入的router,所以就报了这个错误,唉,以后命名还是要不同的名字最好。原创 2022-03-17 22:09:12 · 2421 阅读 · 0 评论 -
The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB).
笔者遇到的问题是:vue项目部署成功,也能访问,唯独就是界面加载不出来,通过logs日志:tail error.log命令,打印出:说一部分js、css文案not found****,笔者cd到项目目录下去查看,就是缺少一些文件,缺少文件的原因只能是vue项目打包时出现了问题,重新对项目npm run build,果然在打包的时,报了两个警告,一样。如下警告:entrypoint size limit: The following entrypoint(s) combined asset size exc原创 2021-07-14 10:47:26 · 3569 阅读 · 6 评论 -
el-input输入框无法输入
测试人员在系统测试时,发现有时出现输入框输入不进去,鼠标什么都可以点击。这个是elementUI组件中的一个小坑吧!在本地完全没事,偏偏在别的地方就会出现,哎!是真的让你不爽!通过查资料,说法一:嵌套太深;说法二:该组件的一个坑;好的是:有了解决办法,利用this.$forceUpdate();强制刷新一下。如下:<el-input type='text' v-model='value' @change='change()'></el-input>data(){原创 2021-06-17 17:22:02 · 1431 阅读 · 0 评论 -
【已解决】vue自定义设置项目启动端口号及查看端口是否被占用
这里笔者的vue版本是2.6.11,vue-cli是3.0版本的,觉得应该和这些没有多大的关系。项目目录,如下:找到package.json文件,script "vue-cli-service serve"加 --port 自定义的端口号,完整写法,如下:亲测有效:在这里还没有实现,就windows+R打开终端,输入cmd,再输入netstat -n,查看所有的端口,笔者的如下:如果想查该端口是否已被占用:cmd后输入netstat -aon|findstr 8080,有响应就已被占用,无就原创 2021-06-10 17:50:37 · 4185 阅读 · 0 评论 -
【已解决】el-element中el-select的el-option选中值,不显示问题
笔者出现的这种情况是:同一个表单中有两个下拉框,第一个选中后,不显示,只有第二个选了,两个都显示,这样是不对的,并且一个表单中可以有多个下拉框(之前亲测无误),这次不知道为啥<el-select > <el-option lable="男" value="男"></el-option> <el-option lable="女" value="女"></el-option> <el-option lable="变性者" value="变原创 2021-06-09 15:47:33 · 6108 阅读 · 0 评论 -
export (imported as ‘echarts‘) was not found in ‘echarts‘
今天笔者报了这个警告:“export 'default' (imported as 'echarts') was not found in 'echarts’”现在我们就处理一下它,查了下资料说是与版本有关,最后发现该版本的导入方式不对。先查看下我们自己的echarts的版本,我的版本是5.1.1,5.0的版本,在需要的地方导入:import * as echarts from echarts4.0的版本,导入方式是:import echarts from echarts想修改echarts版本的原创 2021-06-01 10:49:14 · 880 阅读 · 0 评论 -
mounted hook: “Error: Component yAxis.custom not exists. Load it first.“
报错:mounted hook: "Error: Component yAxis.custom not exists. Load it first."报错的环境是:vue中使用echarts解决方法: 项目名/node_modules/vue-echarts/components/Echarts.vue中找到import echarts from 'echarts/lib/echarts'改为import echarts from 'echarts'就可以啦!!!图片展示:改为...原创 2021-01-07 14:09:10 · 1346 阅读 · 0 评论 -
Cannot read property ‘resetFields‘ of undefined
报错:Cannot read property ‘resetFields’ of undefinedmethods:{ //解决方法 this.$nextTick(() => { this.$ref.formRef.resetFields() )}}原创 2020-12-30 17:19:25 · 457 阅读 · 0 评论 -
by CORS policy: Request header field headers is not allowed by Access-Control-Allow-Headers in
报错:Access to XMLHttpRequest at ‘http://xxx.xxx.xxx.xx:8080/api/user/seekorg/’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Request header field headers is not allowed by Access-Control-Allow-Headers in preflight response.翻译:通过“http原创 2020-11-10 08:46:48 · 3255 阅读 · 0 评论 -
axios delete请求,请求头中没有token
最近在项目,做到delete请求时,后端没有接收到token,然后就看了axios官方文档,原来我在main.js中没有全局设置这个是默认设置,必不可少,我是漏了第二行,尴尬????,这样的话,你在每次访问后端接口时,headers自动携带。本人刚从事前端的小白...原创 2020-10-25 19:43:25 · 1221 阅读 · 0 评论 -
AUTH_TOKEN is not defined
AUTH_TOKEN or HTTP_AUTHORIZATION is not defined错误:原因:AUTH_TOKEN没有定义解决方法:没有定义,我就直接把token值赋值到后面就欧克了,我都token存在本地,所以就有直接从本地获取sessionStorage.token在我都main.js文件...原创 2020-10-25 19:30:37 · 1666 阅读 · 0 评论 -
prop: type check failed for prop “autoExpandParent“. Expected Boolean, got String with value “true“
解决错误:prop: type check failed for prop “autoExpandParent”. Expected Boolean, got String with value “true”项目场景:<el-tree class="filter-tree" :data="dataOrgization" :props="defaultProps" default-expand-all auto-expand-parent :filter-node-method="filterNo原创 2020-10-12 17:09:50 · 1059 阅读 · 2 评论 -
RangeError: Maximum call stack size exceeded
借助console.log(111)调试结果显示问题:RangeError: Maximum call stack size exceeded解释:未捕获RangeError:超出最大调用堆栈大小源码:原因:路由跳转进入死循环了解决方法:原创 2020-09-19 17:33:27 · 806 阅读 · 0 评论 -
C:\Users\Gzw>npm install -g cnpm --registry-https://registry.npm.taobao.org npm WARN deprecated requ
错误:npm WARN using --force I sure hope you know what you are doing.C:\Users\Gzw>npm install -g cnpm --registry-https://registry.npm.taobao.orgnpm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issue原创 2020-08-19 17:52:21 · 1595 阅读 · 4 评论 -
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage
错误:npm WARN deprecated [email protected]: core-js@❤️ is no longer maintained and not recommended for usage due to the numberof issues. Please, upgrade your dependencies to the actual version of [email protected] WARN deprecated [email protected]: Chokidar 2 will原创 2020-08-19 17:26:07 · 26830 阅读 · 12 评论 -
数据库报错:2003
今天突然想用数据库时,可视化界面无法连接,软件中也无法连接,打开无法连接数据库,尝试多次,任然报错“can not connect @localhost”,意思是不能连接本地localhost,在终端也无法连接。在网上了看了好多的博客文章,还是未发现问题的所在,想着难道要卸载重新安装了嘛,实心不想,卸载太麻烦了,不仅仅只把相关的所有文件删掉就行,有些文件你是找不到的或者删不干净,因为要进入到服务器...原创 2020-01-04 17:58:36 · 1023 阅读 · 2 评论 -
ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your
今天借助pdsheel16制作的pdm格式的表,转化成sql文件,但在终端数据库运行时出现了如下错误:ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use...原创 2020-02-20 23:35:44 · 14943 阅读 · 0 评论 -
Invalid prop: type check failed for prop “lockScroll“. Expected Boolean, got String with value “true
recursive calls: 递归调用 我猜这里的递归调用的意思是路由的跳转一看到“recursive calls”心想这是哪搞的死循环,结果发现不是,是Invalid prop: type check failed for prop "lockScroll". Expected Boolean, got String with value "true".意思是:“lockScroll”类型检查失败。预期布尔值,结果得到值为字符串。解决方法:根据提示一层一层找到对应的文件,然后查找到你写过的“原创 2020-09-18 17:43:50 · 1153 阅读 · 1 评论 -
Property or method “hover“ is not defined on the instance but referenced during render. Make sure th
错误:Property or method "hover" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property意思:属性或方法“hover”不是在实例上定义的,而是在渲染过程中引用原创 2020-09-18 17:45:17 · 598 阅读 · 0 评论 -
For recursive components, make sure to provide the “name“ option.`
错误:错误原因Unknown custom element: <el-tabble-column> - did you register the component correctly? For recursive components, make sure to provide the "name" option.未知的自定义元素: -您是否正确注册了组件?对于递归组件,请确保提供“name”选项简单来说就是标签使用的时候学法错误,多写了b解决改为...原创 2020-09-18 17:47:00 · 704 阅读 · 0 评论