如何配置 TypeScript 以针对不正确的导入语句引发错误/警告？

Question

我正在将一个大型应用程序从 JavaScript（Backbone 和 Angular 1）转换为 TypeScript。当我们转换一个被其他文件使用的文件时，我们知道我们必须更新那些其他 JavaScript 文件中的导入语句，以便它正确地导入新的 TypeScript 文件。我们在 fake-file.js 中的语法更新如下。

之前： import OurService from 'our.service';

之后： import { OurService } from 'our.service';

我知道这是一个简单的更改，但 TypeScript 对许多开发人员来说是新的，并且存在一些问题，即人们缺少其中一些导入语句或忘记一起更改它们，从而导致运行时出现一些问题。我查看了编译器选项，但没有发现任何可以解决此问题的方法，但我可能会误解它们。

问题：有没有办法配置编译器（或 Visual Studio Code 插件）以引发警告或错误以防止这种情况发生？

Answer 1

我假设我了解您的要求，并且可能您需要调整 linting 过程，因此我建议使用以下工具（我也在我的项目中使用）：

1. Airbnb Javascript 风格指南（您的导入声明关注-https://github.com/airbnb/javascript#modules）。这些是为任何 JS 应用程序（包括 ES）定义的一套明确的标准。
2. ESLint。您可以从终端运行 ESLint 并为您的项目配置它，以突出显示代码中的警告/错误。如果这看起来很复杂，您可以在 website 本身中为您的整个项目生成 tslint 文档。点击rules configuration，为你的项目配置ES规则。还有一些import 相关的规则。 PS：请随意添加您的 cmets。