在前端开发中，我们经常使用 ESLint 进行代码检查和规范化。但是在使用过程中，有时候会遇到一些错误提示，比如 “Parsing error: Leading decorators must be attached to a class declaration”。那么这个错误是什么意思呢？如何解决呢？
错误原因
首先，我们需要了解一下什么是装饰器（Decorator）。装饰器是一种特殊的语法，可以用来修改类或者类的属性。比如下面这个例子：
@log
class MyClass {}
function log(target) {
console.log(target);
}这个例子中，我们使用了一个 @log 的装饰器来修饰 MyClass 类。这个装饰器会将 MyClass 传递给 log 函数，并在控制台中输出。
但是，在 JavaScript 中，装饰器只能用在类和类的属性上，不能用在其他地方。如果我们在函数或者其他地方使用装饰器，就会出现上述错误提示。
解决方法
要解决这个错误，我们需要将装饰器放在类或者类的属性上，而不能放在其他地方。比如，下面这个例子就会出现上述错误：
@log
function myFunction() {
// ...
}
function log(target) {
console.log(target);
}我们需要将 @log 装饰器放在类或者类的属性上，比如下面这个例子：
-- -------------------- ---- -------
----- ------- -
----
---------- -
-- ---
-
-
-------- ----------- ----- ----------- -
------------------- ----- ------------
-在这个例子中，我们将 @log 装饰器放在 MyClass 类的 myMethod 方法上，这样就不会出现上述错误了。
指导意义
ESLint 错误提示是非常有用的，它可以帮助我们发现代码中的问题，并及时进行修复。但是，在修复问题之前，我们需要先了解错误的原因和解决方法。只有深入了解问题，才能更好地理解和掌握前端开发技术。
同时，在使用装饰器时，我们也需要注意其使用范围。装饰器只能用在类和类的属性上，不能用在其他地方。如果我们在其他地方使用装饰器，就会出现上述错误。因此，在使用装饰器时，我们需要仔细阅读相关文档，并按照规范进行使用。
结论
ESLint 错误提示是前端开发中常见的问题之一。在遇到错误提示时，我们需要深入了解问题的原因和解决方法，并按照规范进行修复。同时，在使用装饰器时，我们也需要注意其使用范围，避免出现上述错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67611eee03c3aa6a5609da22