![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
debug
莫尔道嘎老范
分享一些学习技术的经验以及做项目遇到的问题和解决,同时锻炼一下自己表达能力。文字叙述可能不是很精确,有疑问可以提出来大家一起进步!
展开
-
YAMLSyntaxError: YAML Error in xxx:All collection items must start at the same column
错误:.stylelintrc 有点容易被忽略,不知道这个项目里面的文件咋突然把后面.js后缀去掉了。正确:.stylelintrc.js。最终发现是因为配置文件命名错误。stylelint突然报错。原创 2024-01-17 09:56:19 · 683 阅读 · 0 评论 -
‘vite‘ does not provide an export named ‘defineConfig‘ win7使用vite
win7使用vite原创 2022-08-22 16:39:24 · 1208 阅读 · 0 评论 -
TypeError: Cannot read properties of undefined (reading ‘MethodInfo‘)
调用proto文件所生成的js文件来初始化客户端时报这个错TypeError: Cannot read properties of undefined (reading 'MethodInfo')出现这个问题的原因是通过proto生程js文件所用的protoc-gen-grpc-web.exe版本与grpc-web版本不一致所导致的解决方法:1,下载最新版exe文件重新生成js文件下载地址2, 重新生成js文件 生成方法在上一篇文章3, 项目中的package.json中 "grpc-w原创 2022-05-30 15:38:00 · 1127 阅读 · 2 评论 -
debug: ValidationError: Progress Plugin Invalid Options
本项目最初是由webpack3.0所构建的,最近改为vuecli5.0打包运行时报以上错误;分析了package.json发现,有很多vuecli并且本项目也没有用到的包,于是猜测是这些包的原因;于是删除了无用的babel和loader;然后删除了node_modules和package-lock.json接着执行npm cache clean --force重新npm i 重新安装依赖包最后重新打包 npm run serve即可正常启动项目目前vue.config,js没有其他配置.原创 2022-05-10 14:19:47 · 2187 阅读 · 3 评论 -
debug--表单提交后会自动刷新页面
项目中修改密码的表单提交之后会自动刷新页面,导致无法查看后续的打印信息以及debugger。于是开始排查 <div class='editBox'> <div className="title">修改密码</div> <el-form model={information} rules={rules} ref={ruleFormRef}> <el原创 2022-05-09 17:52:28 · 245 阅读 · 1 评论 -
maplibre切换底图,之后无法继续渲染数据(踩坑指南)
踩坑指南首先要明白切换底图其实就是切换的创建示例时候的style,就是这个玩意儿我这里称他为map.json文件map.json里面包括了底图的图源source以及渲染时所需的layer(层)成功渲染需要layer和source配合,其中source提供的是数据,layer提供的是具体的渲染条件这里粘一个完整的map.json{ "version": 8, "name": "Streets", "metadata": { "maputnik:renderer": "mbgljs"原创 2021-11-24 11:31:20 · 2008 阅读 · 2 评论 -
WebSocket is closed before the connection is established
要实现的是这样一个需求:用户选择不同参数后,断开原有的socket连接,并且使用新的参数创建新的socket连接会报错字面意思是WebSocket在连接建立之前关闭。代码:按理说先关闭再重新打开逻辑上没有什么问题,但是既然报错了就分析一下分析:socket是基于tcp协议建立的,tcp断开连接需要四次挥手,那么socket断开连接应该也需要这样一个过程,按顺序执行的话,可能就是socket关闭的回调函数还没有执行完毕,就重新init了,就导致报错;关闭回调执行之前就已经重新打开了,我的原创 2022-02-14 16:55:24 · 27585 阅读 · 0 评论 -
vite 打包时校验node_modules并报错
使用vite 构建的项目在打包时会自动进行TS类型校验其中vue-tsc是对vue3类型校验的一个工具vue-tsc无法跳过对node_modules内部的文件校验, 在eslintignore中添加node_modules也不起作用后来去vue-tsc的github社区中发现作者给出了这样的一个解决方案,就是在package.json内script里面的build中加入这样一行代码: –skipLibCheck "scripts": { "build": "vue-ts原创 2021-12-21 09:28:59 · 10174 阅读 · 2 评论 -
NPM unable to resolve dependency tree
npm install 报错解决:npm i --legacy-peer-deps原创 2021-11-10 11:59:08 · 788 阅读 · 0 评论 -
Failed to execute ‘postMessage‘ on ‘DOMWindow‘:
要做的是两个跨域页面传输传大量的数据,由于url有长度限制,所以拼接的方式行不通,后来查到可以用postmessage来做:<iframe id="myIframe" style="display: none" :src="ifSrc" frameborder="0" ></iframe>在页面中添加一个iframe标签并隐藏,这里src为为另一个项目的地址;我最开始想的是,src不能写死,后期肯定会变的,所以就用变量.原创 2021-10-28 11:09:58 · 31933 阅读 · 7 评论 -
./node_modules/cesium/Source/ThirdParty/zip.js
在vue中引入cesium报错./node_modules/cesium/Source/ThirdParty/zip.jsModule parse failed: Unexpected token (6357:57)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org原创 2021-10-18 11:15:06 · 1999 阅读 · 1 评论 -
“Module ‘xxx‘ does not exist in container“
今天写项目的时候 ,是使用的umi 框架,并且使用 mfsu 开启了热更新(会使项目更改之后的重新加载速度提高一大截)今天的需求是使用maplibre在页面上创建一个地图,逻辑都写好了,但是就是安装依赖项 'maplibre-gl’之后,依赖引入老是失败;找了一万年的原因Loading…还是没找到0.0最后在社区一直逛一直逛…找到一个类似的问题,然后转念一想自己的项目也开启了mfsu,然后就尝试了一下删掉src下的.umi文件夹,相当于清除了缓存,然后项目就跑通了,点赞! 膜拜大佬!..原创 2021-08-04 16:58:37 · 11280 阅读 · 11 评论 -
合成事件机制导致一直触发警告
做项目时候 一直报这个警告原因是:在使用防抖函数时,由于react SyntheticEvent 合成事件机制,在进行debounce 函数之后,(异步操作)导致了点击事件的e.target取不到值,如果要以异步方式访问事件属性,则应调用event.persist(),该方法将从池中删除合成事件,并允许用户代码保留对事件的引用。 可以看到react 文档的注意这里给我我们解决办法,因为我们在使用debounce函数时,其内部实际上是使用setTimeout异步调用回调函数,所以直接在debounce函.原创 2021-03-16 17:53:02 · 107 阅读 · 0 评论 -
debug---Unhandled Rejection (TypeError): Invalid attempt to spread non-iterable instance.
报错如下:场景:使用form表单中的validateFields方法对表单项进行校验,之后使用了表单内的值,使用时报该错误;报错的大致意思为:“为了具有可迭代性,非数组对象必须有一个Symbol.iterator方法。”仔细检查了代码,发现了问题这里的参数应该是对象形式的一个参数,也就是params对象,因此传递参数时需要使用{}将表单项包裹为一个对象,然后用剩余参数的形式取到其他表单项的值:正确写法:...原创 2021-03-10 10:03:53 · 4043 阅读 · 0 评论 -
意外引入依赖导致bug [@umijs/runtime] load component failed TypeError
记录一下意外出现的bug,今天写代码的时候,在写render函数渲染时,写了text这一个参数,但是可能因为写的时候没注意,所以意外导入了一个依赖,所以就出现了以下bug;怎么找都找不到原因,然后去看终端,发现以下警告;然后又去看code中的源代码管理发现意外引入这个依赖,而text变量在下面有使用,可能就是这个原因了所以 记录一下,遇到类似问题的时候 检查一下是否是误引依赖了;~~~~...原创 2021-01-20 16:26:25 · 11005 阅读 · 1 评论 -
pointer-events:none-----antd通过走马灯实现文字上下滚动时,添加的事件无效原因
上一篇文字写了使用走马灯组件实现文字上下的滚动,那么新的需求又来了,需要点击每一项时弹出该项所对应的详细信息,我这里是通过组件传值,将信息传过去的,所以给每一项添加了点击事件,点击时触发函数,将弹层显示并传入信息;但是做的时候发现只有滚动到最上面的项才可以触发事件,此时想要解决有两种思路:一,换一个组件,不使用走马灯,二,将每次滚动一条数据改为每次滚动一屏数据,同时降低滚动的频率;但是 ,我这暴脾,非要用这个组件,还得一条一条来滚动;最终:找到了原因,除了当前能够显示的(也就是第一条数原创 2021-01-20 10:11:21 · 1472 阅读 · 2 评论 -
react-antd项目总结:修改时先将数据展示,日期不对--报错“TypeError: date.clone is not a function“
修改功能需要先将本行数据进行一个展示,我是用initialValues={数据源}进行展示的,展示的时候遇到一些问题;首先时间无法进行先展示而后按照原方式进行选择;这里时间选择是用的DatePicker组件直接展示就会报错moment.js:105 Uncaught TypeError: date.clone is not a function通过排查发现是时间格式出的问题,需要进行一个转换:import moment from 'moment'; //在数据源使用之前对其转化 a.ev原创 2020-12-07 17:19:40 · 2925 阅读 · 2 评论 -
在模板中处理数据报错处理
------coding ,仅供自己记录错误写代码时有一个数据从后台获取后需要再次进行数据,将获取到的数据标识1,2,3已’简单’‘中等’'困难’字符串渲染到页面上,操作后报错;分析:1,数据处理之前还不报错,处理后出现问题,首先确定是处理过程出现了问题;2,找到处理逻辑此时看报错是由于label的父项underfind,所以无法操作,那么就是操作qstType变量出现问题,由于qstType是定义在data中的数据源,所以排除,那么就是qstInfo.questionType此时出现的问题,原创 2020-10-30 10:40:18 · 273 阅读 · 0 评论 -
if there‘s nested data, rowKey is required
项目经过cdn优化后报错:if there’s nested data, rowKey is required在网上查了查这个问题,最终发现是public/index.html引入element-ui样式表文件时,element-ui的版本号和package.json中安装的版本不同,修改一致后问题解决了...原创 2020-10-12 16:31:01 · 122 阅读 · 0 评论