vue项目实际开发中的bug
实际开发中的bug,控制台中的报错,经典或者难搞的bug
我爱加班、、
这个作者很懒,什么都没留下…
展开
-
实际开发中的bug:用户登录后菜单正常跳转,但刷新后出现白屏问题。
完成动态添加路由后,解决一些白屏的问题。原创 2024-04-14 19:07:44 · 188 阅读 · 1 评论 -
实际开发中的bug: Uncaught (in promise) TypeError: menu.forEach is not a function
错误信息 "Uncaught (in promise) TypeError: menu.forEach is not a function" 表示在 JavaScript 的异步代码块(可能是在Promise中或者使用语法)中,尝试调用menu对象的forEach方法时发生了类型错误。这通常意味着menu并不是一个数组,或者它是undefined,因为只有数组才具有forEach方法。原创 2024-04-14 17:09:02 · 255 阅读 · 1 评论 -
实际开发中的有趣bug:“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。
指出在尝试解析或序列化 JSON 数据时遇到了问题。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它要求数据必须是有效的 JSON 格式。在 JavaScript 中,undefined是一个特殊的值,表示变量没有被赋值,它不是一个有效的 JSON 值。原创 2024-04-14 15:53:38 · 944 阅读 · 1 评论 -
控制台报错:无限递归调用——main.js:27 RangeError: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded` 是一个在 JavaScript 中常见的错误,它表明你的程序中存在无限递归调用或者嵌套的调用层次太深,导致调用栈溢出。调用栈是 JavaScript 用来跟踪当前执行函数的内部堆栈,当这个栈达到其预设的最大容量时,就会抛出这个错误。在你提供的错误信息 `main.js:27` 中,`main.js` 是出错的文件名,`27` 是出错代码所在的行号。原创 2024-04-13 17:10:16 · 356 阅读 · 1 评论 -
控制台报错:Uncaught SyntaxError: Unexpected non-whitespace character after JSON at position 2
调用删除接口时传个对象格式:{ id: row.id } 即可解决改bug。此处后端需要的一个对象的格式,所以传用户id时也要是对象格式。原来代码写的是:(直接传了row.id,用户id)场景:当点击删除用户时,出现该报错。原创 2024-04-12 09:15:00 · 350 阅读 · 0 评论 -
控制台报错:vue.runtime.esm.js:4427 [Vue warn]: Invalid prop: type check failed for prop “model“.
此处发现 handleEdit函数把scope.$index也传进来了,虽然没传错,但是接受的时候也没接收没用到,而且传的顺序也有问题,所以干脆没用到就不要传。此处把scope.$index删了就可以了。一看就是非法传值,查看写的代码是否有哪些不妥地方,或者打印传入该函数得值,一步步排查。form表单点击编辑用户属性时报错。原创 2024-04-12 10:15:00 · 197 阅读 · 0 评论 -
控制台报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:
方法二:在路由跳转的时候判断跳转路由和当前路由是否相同,当页面的路由和跳转的路由不一致时才跳转,同时也要判断重定向的情况下的场景。场景:当重复点击同一个路由菜单的时候,如果当前的路由路径与要跳转的路径相同时,就会报错如下。方法一:在router.js文件添加跳转判断。原创 2024-03-27 16:52:36 · 557 阅读 · 0 评论