javascript - 如何在非基于模块的网站的多个文件中使用 VS Code 中的 @ts-check？

Question

我正在尝试创建一个非常简单的网站:

• index.html
中直接包含的几个 JavaScript 文件
• 没有模块/import 语句
• 没有捆绑系统或直接编译步骤
• 不需要运行服务器(因此可以双击 index.html 而不会出现 CORS 问题)

但我希望能够在 VS Code 中使用 TypeScript 的 @ts-check 或 jsconfig.json，并让它理解跨 JavaScript 文件编写代码。但是，我发现它无法跳转到 JavaScript 文件之间的定义(或者至少不一致？)。

有没有办法告诉 TypeScript 编译器所有 JavaScript 文件都在全局范围内，并使用 index.html 中的正确求值顺序？

Answer 1

使用 "js/ts.implicitProjectConfig.checkJs": true在 VSC 配置中(或文件中的 // @ts-check)并使用 /// <reference path="[...]" /> 引用其他文件

/// <reference path="other.js" />

somethingDefinedInOtherJS; // no error, f12 go to definition works

参见 Triple-Slash Directives TS 的文档以获取更多信息。