如何让外部库智能感知在 javascript 的 vscode 中工作？

Question

我正在尝试让智能感知为外部库（即 gsap）工作。

无论我尝试什么，我都无法让它正常工作。

/// <reference path="Tweenmax.min.js" />
//or
/// <reference type="gsap" />

添加三斜杠引用路径不会改变任何内容。 我可以让它工作的唯一方法是导入这样的 ts 声明：

import { TimelineMax } from "gsap";

我搜索了论坛和任何地方，有些人建议使用“tsd”，但它已被弃用并且不起作用，所以我使用了较新的 npm @types/gsap 希望它可以工作，但它只有在我导入它时才有效。

这在 vscode 中运行良好，因为它正确地显示了一个很好的自动完成功能，并且对界面有完美的理解。但我不能像在浏览器中加载此代码一样使用此代码，chrome 不喜欢该行并引发如下错误：

Uncaught SyntaxError: Unexpected token {

我已经为此工作了 2 个小时，但我无法找到一个好的解决方案。我记得以前有时 vscode 用于显示打开文档的自动完成功能，但即使这样也不起作用，即使我保持 TweenMax.min.js 处于打开状态，它仍然什么都不做。

我不知道我做错了什么。

要明确我不想使用打字稿文件然后编译它，我什至不想导入任何东西，我只想得到这样的东西：

到目前为止，我可以让它工作的唯一方法是在编码时保留导入声明，然后对其进行评论以进行测试。这太蠢了，有什么好办法吗？

Answer 1

很遗憾，尚不支持loading definitions remotely。

所以你有两个选择：

• 安装依赖项（经典变体）
• 安装@types

为了安装类型，您通常会这样做

1. npm install @types/package-name
2. /// <reference types="package-name" />

个人观察，@types 依赖于node_modules 的物理存在。例如。我无法让这个 Yarn 2 PnP 工作，因为它不使用 node_modules 文件夹。

我相信你有一个错误（错字）：

///

应该改为s。