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

Question

我正在尝试将greensock库用于动画，并使用yarn将库添加到我的项目中，但是文件在我的目录中显示为“禁用视图”（由于缺少更好的用词）。当我尝试在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（特别是安装助手）来帮助您获得系统的正确格式。