时间戳

首页 > 解决方案 > 我使用纱线添加这些 gsap 库，但文件似乎被禁用？这是什么意思？

javascript - 我使用纱线添加这些 gsap 库，但文件似乎被禁用？这是什么意思？

问题描述

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

非常感谢任何见解和帮助。截图：VS代码截图

标签： javascriptgsap

解决方案

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

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

gsap.registerPlugin(MotionPathPlugin, TextPlugin, ScrollToPlugin);

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

推荐阅读