如何在导入不存在的模块时收到警告

Question

我使用EsLint和VsCode。

尝试导入不存在的模块时，如何显示错误？

例如

import foo from './this-path-doesnt-exist'

应该用红色加下划线。 这需要一个eslint插件吗？

Answer 1

如果您使用eslint作为你的linter，你可以使用eslint-plugin-import。

  

此插件旨在支持ES2015 +（ES6 +）导入/导出的linting   语法，并防止拼写错误的文件路径和导入问题   名称

Answer 2

除了建议的eslint插件之外，您还可以通过在文件顶部添加// @ts-check来为VS Code中的JS文件启用语义检查：

// @ts-check
import foo from './this-path-doesnt-exist'

这将启用文件中的许多其他检查，包括类型检查，因此它可能不适合每个代码库，但它可以帮助捕获许多常见的编程错误。

More info about ts-check

Answer 3

如果您还没有使用 linter，请按照以下步骤操作：

1. npm install eslint --save-dev

2. npm install eslint-plugin-import --save-dev

然后你需要配置

<块引用>

扩展：

• eslint：推荐
• 插件：导入/错误
• 插件：导入/警告

手动进入您的 .eslintrc.(yml|json|js) 文件。

如果您已经在使用 linter。跳过第一步安装 eslint。