如何在 Visual Studio Code 中因缺少导入而突出显示错误？

Posted 2023-02-21

【中文标题】如何在 Visual Studio Code 中因缺少导入而突出显示错误？

【英文标题】：How can I get error highlighting for missing imports in Visual Studio Code?

【发布时间】：2021-08-09 06:32:24

【问题描述】：

在 Windows 上使用 Visual Studio Code 开发 Angular 应用程序时，我记得如果我删除了 import 语句，vscode 几乎会立即在所有引用这些工件的地方用红色下划线。

但是，现在我在 Mac 上使用 vscode 开发 React 应用程序，我注意到如果我删除导入语句，我不会像以前那样得到任何红色下划线。

关于如何恢复此功能有什么想法吗？我想这是由于我在以前的工作区中安装了一个 Angular 包，而我不再拥有了。

【问题讨论】：

我相信您将 TypeScript 与 Angular 一起使用。你是否也将 TypeScript 与 React 一起使用？

您应该尝试使用 .jsx 文件。它将处理几乎所有拼写错误。在其他情况下，您必须等到项目完成构建。这就是javascript的问题。

啊，是的，我现在在 React 中使用 Javascript，而我在 Angular 中使用 Typescript。我可以看出这是怎么回事。

【参考方案1】：

默认情况下，VS Code 只检查 JS 文件的语法，不会像 TypeScript 那样抱怨未定义的变量

您可以关注these instructions 以在普通的旧 JS 文件中启用类型检查。最简单的方法是在文件顶部添加//@ts-check