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

Question

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

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

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

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

Answer 1

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

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

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

有关详细信息，请参阅 TS 的三重斜线指令文档。