VSCode 是我们前端开发必不可少的一款工具。然而在 VSCode 中，有时我们会遇到类似上述的报错信息，这是由于代码中存在错误，导致解析出现了问题。如果不进行修正，这将会影响我们的工作效率和代码质量，因此有必要及时解决这类报错。
为什么会出现错误
在上述报错信息中，Unexpected token new 意味着解析器不知道如何解析代码中的 new 关键字，这是因为代码存在语法错误，导致了解析器无法理解代码，从而出现错误。此类报错常常发生在以下情况：
- 缺少分号或括号
例如，以下代码中缺少一对括号：
let obj = {
name: 'Tom',
age: 18
}
new MyObject(obj)- 错误的变量引用
例如，以下代码中将一个未定义的变量作为参数传入构造函数：
let name = 'Tom' new MyObject(nam)
- 缺失代码
例如，以下代码缺失 class 关键字：
MyClass {
constructor() {
this.name = 'Tom'
}
}如何使用 ESlint 修正
ESlint 是一款代码检查工具，可以检测代码中的语法和风格问题。我们可以使用 ESlint 来检查代码中的问题，并修正其中的错误。
首先，我们需要在项目中安装 ESlint：
npm install eslint --save-dev
然后，我们需要添加一个 .eslintrc 配置文件，以告诉 ESlint 如何检测代码。以下是一个简单的配置示例：
-- -------------------- ---- -------
-
---------------- -
-------------- ----
--
-------- -
------- --------- ----------
--------- --------- ----------
------------- -------
-
-在上述示例中，parserOptions 用于告诉 ESlint 使用哪个版本的 ECMAScript 进行解析，rules 则用于设置检查规则。例如，semi 表示必须使用分号，quotes 表示必须使用单引号，no-console 表示禁止使用 console。
最后，我们需要执行以下命令来检测和修复代码：
npx eslint --fix myFile.js
在上述命令中，--fix 表示修复代码中的错误和格式问题。
总结
在前端开发中，我们经常会遇到代码出现语法错误的情况，这将会对我们的项目产生不良影响。因此，我们需要使用 ESlint 工具来定位并修复代码中的问题，以确保项目的代码质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b9a66fadd4f0e0ff22535b