vue 3 项目有时候由于一些语法错误,致不停的调用最终整个网页挂掉

Question

项目环境

项目语言使用的是 Vue3+TS ,使用的框架是 vben amdin

遇到的场景

我在写项目的时候有时候由于一些错误导致启动后报错,不停的调用最终整个网页挂掉

期望效果

我想请各位帮我看下,当我的代码有某一类型的 bug ,导致它一直加载页面,请求也会不停的发,有没有什么办法可以让他异常后抛出异常,然后不要再不停的加载了

情况复现

vue3 语法中对于变量需要在 setup 当中声明后,返回,我这里返回一个未定义的变量来复现不停加载页面的情况

当运行后
这是报了几万条错误

几万条警告

以及发了近百次请求

怎样可以让程序再遇到这类问题的时候直接抛出异常,不要无限的加载下去 TAT

Answer 1

参考GPT和自己的思路：

针对您的问题，有以下几种解决方案：

1.使用 TypeScript 的类型检查

在 Vue 3 中，可以使用 TypeScript 进行类型约束和类型检查。可以在开发过程中使用 TypeScript 来避免一些语法错误。当您在编写代码时，TypeScript 会捕获并报告类型错误，以避免运行时错误。

2.使用 ESLint

ESLint 是一种用于检查代码中语法和风格错误的工具。在 Vue 3 中，可以使用 ESLint 来检查代码中的错误和风格问题，可以在开发过程中使用 ESLint，以避免一些常见的问题和错误。

3.使用 Debug 工具

在开发过程中，可以使用 Debug 工具来查找代码中的问题。可以在 Vue DevTools 中使用调试功能，定位到问题所在，并解决代码中的错误。

4.使用 try-catch 语句

当您在编写代码时，可以使用 try-catch 语句来捕获异常。当发生错误时，会触发 catch 代码块，您可以在其中编写相应的处理逻辑来避免代码一直执行下去。

以上是一些解决方案，您可以根据实际情况选择适合您的方法来解决这个问题。希望能对您有所帮助。