[vue问题]开发中问题集合

"TypeError: Cannot read property 'Request' of undefined"

这是测试文件的报错,最后发现是因为项目启动的时候就报错了,是其它错误导致的,所以测试文件才会提示这种错误,当启动报错修复后,该问题没有了

热加载问题

问题描述

主要是文件更新后,但是热加载显示加载的文件并没有更新

具体描述

当src文件夹中的vue文件引入的js文件,修改了引入文件名称的时候

例如:index.js文件引入 .../.../mixins/index.js

因为mixins中文件名称变化mixins/table.mixin.js

则在js文件中对应修改为.../.../mixins/table.mixin.js

但是点击测试的时候多次提示:

在index.vue文件中找不到.../.../mixins/index.js

但是我已经在index.vue文件中做了对应的变更

编辑器重启等多种方式都尝试过,都没能解决问题

最终是关闭所有编辑器,等了一段时间之后,把命令之后的coverage去掉之后,再次执行test命令加载了修改后的文件

Maximum recursive updates exceeded

runtime-core.esm-bundler.js?5c40:386 Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

at checkRecursiveUpdates (runtime-core.esm-bundler.js?5c40:386)

at flushJobs (runtime-core.esm-bundler.js?5c40:360)

开发环境:

vue3.0

ant-design-vue:2.2.6

解决方案

vue升级后该问题解决

[Vue warn]: Failed to resolve component: _self

runtime-core.esm-bundler.js?5c40:6870 [Vue warn]: Failed to resolve component: _self

升级vue3.x报错,升级涉及版本为 3.0.0==》3.2.11

根据提示信息发现@vue/compiler-sfc需要保持与vue版本一致

@vue/compiler-sfc是用来解析编译.vue单文件的

升级vue的版本时要注意同时升级@vue/compiler-sfc,保证vue与@vue/compiler-sfc的版本始终一致

error Delete prettier/prettier

说明

主要是项目的检查安装了eslint + prettier,然后发现页面基本都报该错误

在window系统中,从git上clone代码下来,git 会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character),导致本地的代码都是回车符。

解决方案

1.方法

执行npm run lint --fix ,修复warning

执行 git config --global core.autocrlf false 关掉 git 自动转换

或者也可以不管,其实并不影响项目的运行,最后在打包之前再执行上面步骤也完全ok。

但是这种在开发的时候非常影响提示信息的查看

2.自动格式化 最前面会加2个空格

3.打开vscode 的配置文件加一行就ok了

"prettier.endOfLine": "crlf"

index.js?656c:136 Unable to preventDefault inside passive event listener invocation.

1.直接起作用

typescript 复制代码
* { touch-action: pan-y; }

2.不知如何使用

typescript 复制代码
window.addEventListener("touchmove", function , { passive: false })
相关推荐
枣把儿1 小时前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
paopaokaka_luck2 小时前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
一大树2 小时前
Vue3祖孙组件通信方法总结
前端·vue.js
coder_zhx2 小时前
Vue3自定义编程式弹窗
前端·vue.js
独立开阀者_FwtCoder2 小时前
面试官:为什么在 Vue3 中 ref 变量要用 .value?
前端·javascript·vue.js
NetX行者3 小时前
基于Vue 3的AI前端框架汇总及工具对比表
前端·vue.js·人工智能·前端框架·开源
独立开阀者_FwtCoder3 小时前
手握两大前端框架,Vercel 再出手拿下 Nuxt.js,对前端有什么影响?
前端·javascript·vue.js
独立开阀者_FwtCoder3 小时前
弃用 html2canvas!快 93 倍的截图神器!
前端·javascript·vue.js
rui锐rui3 小时前
商品销售数据分析实验
vue.js·数据挖掘·数据分析
洛小豆4 小时前
深入理解Pinia:Options API vs Composition API两种Store定义方式完全指南
前端·javascript·vue.js