GSAP ScrollTrigger 导入

Question

我正在将 GSAP 和 ScrollTrigger 导入到本地安装的 create-react-app 中。 GSAP 导入工作正常，但 ScrollTrigger 仅适用于 skypack 导入。请参阅下面的代码。

我尝试过带花括号和不带花括号。根据文档和其他示例，我看不出代码有问题。

有人知道会发生什么吗？我安装了 gsap/ScrollTrigger 版本 8.6.0。我需要向 package.json 添加依赖吗？

import { gsap } from "gsap";
// import { ScrollTrigger } from "gsap/ScrollTrigger";
// import gsap from "https://cdn.skypack.dev/[email protected]";
import ScrollTrigger from "https://cdn.skypack.dev/[email protected]/ScrollTrigger";

export default function App() {
  gsap.registerPlugin(ScrollTrigger);

...

}

Answer 1

对我来说，当我从 dist 导入 Scroll Trigger 插件时，它起作用了

import { ScrollTrigger } from "gsap/dist/ScrollTrigger";