前言
在日常的前端开发中，我们经常会使用 ESLint 进行代码静态检查。它能够帮助我们发现代码中的一些问题，从而帮我们优化代码质量。但是，有时候它也会误报一些问题，比如函数参数类型不匹配的问题。这篇文章主要是介绍这种情况下如何解决这个问题。
问题描述
我们先来看一个示例代码：
function add(a, b) {
return a + b;
}在这个示例代码中，ESLint 并不会给我们提示任何错误。但是，如果我们给这个函数添加一些类型约束：
function add(a: number, b: number) {
return a + b;
}这时候，ESLint 就会报一个错误：Expected 2 arguments, but got 3.，如下图所示：
实际上，这个错误是一个误报，因为我们传入了 2 个参数，但是 ESLint 却认为我们传入了 3 个参数。那么我们该如何解决这个问题呢？
解决方案
要解决这个问题，我们可以通过给 ESLint 添加一个规则来实现。具体来说，我们需要使用 @typescript-eslint/eslint-plugin 这个插件，并且添加 no-extra-parens 这个规则。
首先，我们需要安装这个插件：
npm install @typescript-eslint/eslint-plugin -D
然后，在 .eslintrc 文件中添加以下配置：
-- -------------------- ---- -------
-
---------- -
---------------------
--------------------------------------- -- ------
--
---------- -
-------------------- -- ------
--
-------- -
------------------ --------- ------ -
-------------------------- -----
--
--
--------- --------------------------- -- ---- ---------------------------
-在这个配置中，我们添加了两个新的插件：@typescript-eslint 和 @typescript-eslint/eslint-plugin，并且添加了一个新的规则：no-extra-parens。这个规则的作用是禁止使用不必要的括号，而且它可以解决我们刚才遇到的问题。
总结
通过以上的配置，我们就成功地解决了 ESLint 误报函数参数类型不匹配的问题。虽然这个问题很小，但是它也可能会影响我们的开发效率，所以我们需要重视起来。另外，给 ESLint 添加规则也是一项非常有益的学习，我们应该掌握它的使用方法，从而更好地提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645db686968c7c53b001d083