在进行前端开发时，有可能会遇到 ESLint 在 import/named 方面的警告。这些警告是由于我们在使用 import 语句时没有按照规范进行命名。
问题描述
假设我们有如下代码：
import { example1, example2 } from './example';使用 ESLint 进行代码检查时，会出现如下的警告：
2:9 warning 'example1' is defined but never used no-unused-vars 2:22 warning 'example2' is defined but never used no-unused-vars
上述警告提示我们，在我们导入外部模块中的某些函数或者类时，我们并没有在代码中使用它们。这显然是不合理的，因为它会浪费我们的代码空间以及会使代码难以理解或者维护。接下来我们需要解决这个问题。
解决方法
为了解决此类警告，我们可以使用以下几种方法：
方法一：使用忽略注释
import {
// ignore this warning
example1,
// ignore this warning
example2,
} from './example';在代码块中，我们可以添加注释以忽略没有使用的引入警告。这种方法看起来很不错，但是当我们需要导入多个变量时，会变得很繁琐，所以下面介绍更好的方法。
方法二：使用 import/no-unused-modules 规则
开发人员也可以使用 ESLint 的 import/no-unused-modules 规则来检测未使用的导入。这个规则可以将警告转换成错误，并且可以在用 ESLint 执行 lint 时强制项目遵循该规则。
要启用此规则，您需要在项目中的 .eslintrc 文件中添加 "import/no-unused-modules": "error"。
{
"extends": ["eslint:recommended", "plugin:import/errors", "plugin:import/warnings"],
"plugins": ["import"],
"rules": {
"import/no-unused-modules": "error"
}
}此规则将强制项目中所有未使用的导入抛出错误，而不是通过警告来提醒您。
方法三：使用 eslint-plugin-import 插件
使用 eslint-plugin-import 插件可以快速解决 import 相关的问题。可以通过以下命令进行安装：
npm install eslint-plugin-import -D yarn add eslint-plugin-import -D
安装完 eslint-plugin-import 插件后，在 .eslintrc 文件中添加 eslint-plugin-import 插件配置：
-- -------------------- ---- -------
-
---------- -
--------
--
-------- -
--------------- ------
----------------- ------
------------------- -----
-
-在以上设置中，我们需要将 import/named 规则关闭，这样就不会报导入但在代码中不被使用的警告。
总结
ESLint 的警告信息可以使得我们在开发时更加规范，提高代码质量和可读性，但在一些情况下，警告信息可能会妨碍我们的项目进展。如果您在开发过程中遇到无法解决的使用 import/named 警告，请尝试以上的解决方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64edca62f6b2d6eab37f2482