前端异常解决
日常的开发异常分享
wujiada001
一切皆有可能
展开
-
vue3项目一刷新就404(亲测有效)
在 Vue 项目中遇到一刷新页面就 404 的问题,通常是因为你的前端路由(如 Vue Router)是客户端路由,依赖于 JavaScript 来管理页面之间的跳转,而不是传统的服务器端路由。这意味着,当你直接访问一个通过 Vue Router 创建的 URL(比如/about)时,如果服务器没有正确地配置来处理这种“单页面应用”(SPA)的路由,那么服务器可能会返回 404 错误,因为它不知道如何在不执行任何 JavaScript 的情况下提供这个页面的内容。原创 2024-09-17 14:46:51 · 1891 阅读 · 0 评论 -
el-table使用el-switch选择器没效果
active-value没加冒号,值是字符串,所以一直匹配不上数字,需要在属性前面添加:号,才能读取到数字。0表示启用,1表示禁用,发现页面根本没有效果,百思不得其解,查阅资料,恍然大悟。原创 2024-09-16 23:51:32 · 490 阅读 · 0 评论 -
Converting circular structure to JSON --> starting at object withconstructor“Dep‘property ‘subs‘-> o
在JavaScript中,当你尝试将一个包含循环引用的对象转换为JSON格式时,会遇到“Converting circular structure to JSON”这样的错误。这是因为JSON格式本身不支持直接表示循环引用,即一个对象通过其属性间接或直接地引用自己。在你的例子中,你有一个对象(我们假设它的构造函数是。,这个属性指向另一个对象(其构造函数可能是。请求后端的方法入参ref,会发现循环引用。属性回指到最初的对象,形成了一个循环。或任何其他),而这个对象又通过它的。使用ref定义了对象。原创 2024-09-16 19:45:42 · 270 阅读 · 0 评论 -
异常:[Vue warn]: Invalid prop: type check failed for prop “appendToBody“. Expected Boolean, got String
使用element-plus的el-dialog对话框,希望展示的照片是在顶层,不会被覆盖,使用了appendToBody属性。append-to-body="true",报警告异常,因为期待的值类型是boolean,我提供的是string类型。该属性的作用:Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为。则会根据当前 DOM 上的祖先节点来定位,因此可能造成定位问题。的值为 false 时,请一定要确保。定位,当外层的遮罩层被移除时,原创 2024-09-14 17:00:29 · 300 阅读 · 0 评论 -
Vue3:reactive丢失响应式,数据有更新但表单没有更新
通过分页展示数据,分页查询会触发查询并将结果赋值给数组对象通过进行console.log输出,发现成功将查询的数据赋值了,但表单并没有更新。原创 2024-09-14 15:43:46 · 948 阅读 · 0 评论 -
Uncaught (in promise) NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before wh
Vue3开发报错:页面节点插入失效导致页面一直加载不出来。原创 2024-09-14 15:06:32 · 489 阅读 · 0 评论 -
ElementPlus表单验证报错 formEl.validate is not a function
【代码】ElementPlus表单验证报错 formEl.validate is not a function。原创 2024-09-13 10:51:19 · 583 阅读 · 0 评论 -
__VLS_ctx.houseData.housePhoto可能为 “null” 或“未定义”。ts(18049)
选择哪种解决方案取决于你对代码的确定程度以及你对错误处理的偏好。通常,可选链是最安全和推荐的方式,因为它不需要你改变代码的流程,并且能够处理null或undefined的情况。属性时,可能会遇到一个“null”或“未定义”的问题。TypeScript提供了严格的类型检查,当你尝试访问一个可能为null或未定义的对象属性时,它会抛出一个错误。1.使用可选链(Optional Chaining)操作符来安全地访问属性。,你可以使用非空断言操作符来告诉TypeScript忽略这些检查。2.使用非空断言操作符。原创 2024-09-11 20:51:24 · 297 阅读 · 0 评论 -
不能将类型“null”分配给类型“number | undefined”。ts(2322)
确保在修改后的代码中,所有可能的代码路径都保持类型的一致性。类型的值,如果有需要,可以使用类型保护来确保这一点。如果你正在使用函数返回值,确保函数总是返回一个。这个TypeScript错误表明你正在尝试将。,你可以在赋值之前进行检查,并提供一个有效的。检查导致错误的赋值语句,确保你没有意外地将。在TypeScript中,是有效的值,但通常我们希望它们与。如果你的变量可以接受。如果你不希望变量接受。原创 2024-09-11 20:44:06 · 373 阅读 · 0 评论 -
类型“any”的参数不能赋给类型“never”的参数。ts(2345)
异常:类型“any”的参数不能赋给类型“never”的参数。解决:添加 as any[],就可以解决异常。原创 2024-09-11 20:29:34 · 592 阅读 · 0 评论 -
Vue项目异常:has no default export.Vetur(1192)
插件,vue3.x更换成Vue-Official(原Volar)插件,可以更好的支持TS,以及有类型推导。语法提示插件的问题,vue2.x使用。原创 2024-09-11 14:04:01 · 597 阅读 · 0 评论 -
Vue3上传图片报错:Current request is not a multipart request
请求的 HTTP 客户端(如 axios、fetch API 或 XMLHttpRequest)来发送你的请求。(因为浏览器会在你使用 FormData 时自动设置),但你需要确保其他必要的请求头(如认证令牌)被正确添加。属性来自定义上传行为,并且遇到了这个错误,可能是因为你在发送请求时没有正确地设置请求的内容类型为。这通常意味着你需要使用 FormData 对象来构建你的请求体。在 Vue.js 和 Element UI 的上下文中,如果你使用。类型的请求,但实际上并没有收到这样的请求。原创 2024-09-07 18:30:42 · 803 阅读 · 0 评论 -
Vue3图片上传报错:Required part ‘file‘ is not present.
错误 "Required part 'file' is not present" 通常表明服务器期望在接收到的请求中找到一个名为file的部分(即文件字段),但实际上没有找到。:在发送请求时,可能没有正确地将文件添加到 FormData 对象中,或者使用了错误的字段名。:在前端代码中,可能存在逻辑错误,导致 FormData 对象没有按预期构建。:尽管 FormData 对象构建正确,但在发送请求时可能发生了错误,导致请求体没有正确发送到服务器。:后端可能有严格的验证逻辑,要求必须存在名为file。原创 2024-09-07 18:25:36 · 1104 阅读 · 0 评论 -
No static resource favicon.ico.
异常解决原创 2024-08-05 10:49:33 · 906 阅读 · 0 评论 -
异常:找不到模块“@/views/HouseDetail.vue”或其相应的类型声明。ts(2307)
原因:在配置Vue项目路由,特别是使用TS时,可能会遇到模块声明错误。为了解决‘找不到模块’的ts(2307)错误,可以在src目录下创建vite-env.d.ts文件,然后引入特定代码来声明*.vue文件为Vue组件,允许通过import导入。这样通常能解决无法识别模块的问题。解决:在src目录下创建vite-env.d.ts的文件,添加如下代码重启即可。原创 2024-08-26 22:08:26 · 325 阅读 · 0 评论
分享