Vue.js Vue Cli混淆的ESLint错误

我正在为一个项目使用Vue Cli，该项目包含一个我试图坚持使用的

.eslintrc.js

。它在下面的代码中发现了一个错误

getTags (url) {
    axios.get('http://example.test/api' + url).then(response => {
        this.tags = response.data.data
    }).catch(error => {
        this.tags = []
    })
}

确切的错误是代码的这一部分（就在

.catch

之后）

错误是

[eslint]预期要处理的错误。（句柄回调错误）

---

但是我很困惑，

.catch（error=>

捕获错误吗？我看不出问题所在

您必须对错误回调中的

error

参数进行处理。如所述：

在Node.js中，处理异步行为的通用模式 被称为回调模式。此模式需要一个错误对象 或null作为回调的第一个参数。忘记处理 这些错误可能会导致您的系统中出现一些非常奇怪的行为 应用程序

因此，您可以将其记录或在已创建的处理程序中处理：

(error => {
    console.log(error)
    // or
    this.handleError(error)

    this.tags = []
    this.loadingTags = false
})

---

有时您只是不想对错误做任何处理。在这些情况下，您可以这样做：

// eslint-disable-next-line
(error => {
    this.tags = []
    this.loadingTags = false
})

---

在代码中包含这些注释并不漂亮，但您将消除您刚刚知道的非“真实”的警告/错误。

可能是因为您没有对

错误

参数本身执行任何操作？例如，尝试将其记录（

console.log（error）

）。

// eslint-disable-next-line
(error => {
    this.tags = []
    this.loadingTags = false
})