[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 小时前
Vuetify:构建优雅Vue应用的Material Design组件库
前端·javascript·vue.js
wangbing11251 小时前
界面规范11-对话框
javascript·vue.js·elementui
不一样的少年_2 小时前
Vue3 后台分页写腻了?我用 1 个 Hook 删掉 90% 重复代码(附源码)
前端·vue.js·设计模式
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 5 - 核心概念:单向链表、双向链表
前端·vue.js
槿泽2 小时前
Vue集成Electron目前最新版本
前端·vue.js·electron
用户31506327304872 小时前
使用 vue-virtual-scroller 实现高性能传输列表功能总结
javascript·vue.js
paopaokaka_luck2 小时前
绿色环保活动平台(AI问答、WebSocket即时通讯、协同过滤算法、Echarts图形化分析)
java·网络·vue.js·spring boot·websocket·网络协议·架构
老华带你飞3 小时前
畅阅读小程序|畅阅读系统|基于java的畅阅读系统小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·小程序·毕设·畅阅读系统小程序
小熊学Java4 小时前
基于 Spring Boot+Vue 的高校竞赛管理平台
vue.js·spring boot·后端
百思可瑞教育8 小时前
uni-app 根据用户不同身份显示不同的tabBar
vue.js·uni-app·北京百思可瑞教育·北京百思教育