我使用 yarn 添加了这些 gsap 库，但文件似乎已禁用？这是什么意思？

Question

我正在尝试将 greensock 库用于动画，并使用 yarn 将该库添加到我的项目中，但文件在我的目录中显示为 "disabled view"（缺少更好的词）。当我尝试在我的 JS 文件中使用该库时，我在我的浏览器控制台中收到 Missing plugin? gsap.registerPlugin() 错误并且动画没有执行。我曾尝试使用 gsap.registerPlugin(MotionPathPlugin, ScrollToPlugin, TextPlugin); 解决此问题，但这会导致无法找到插件的错误（在浏览器控制台中）。知道如何解决这个问题吗？出了什么问题？我还尝试在 HTML 中使用 CDN 传送脚本，但在浏览器控制台中收到相同的 Missing plugin? gsap.registerPlugin() 错误。

非常感谢任何见解和帮助。截图：screenshot of VS code

Answer 1

您需要在每个要使用的文件中导入要使用的插件。因此文件顶部的代码应该是：

import { gsap } from "gsap";
import { MotionPathPlugin } from "gsap/MotionPathPlugin";
import { TextPlugin } from "gsap/TextPlugin";
import { ScrollToPlugin } from "gsap/ScrollToPlugin";

gsap.registerPlugin(MotionPathPlugin, TextPlugin, ScrollToPlugin);

您可以使用 the GSAP installation page，特别是安装助手，帮助您获得正确的系统格式。

我使用 yarn 添加了这些 gsap 库，但文件似乎已禁用？这是什么意思？

I used yarn to add these gsap libraries but the files appear disabled? What does this mean?

javascript

gsap