时间戳

首页 > 解决方案 > 带有 GSAP 的 ScrollMagic - 在 animation.gsap.js 中找不到这些依赖项

javascript - 带有 GSAP 的 ScrollMagic - 在 animation.gsap.js 中找不到这些依赖项

问题描述

我正在尝试在我的一个项目中使用 GSAP 和 ScrollMagic，但是，当我尝试并要求animation.gsap.js我的编译器不断抛出以下错误时；

These dependencies were not found:                                                                                                                                                                                                                                                     friendly-errors 14:54:44
                                                                                                                                                                                                                                                                                       friendly-errors 14:54:44
* TimelineMax in ./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js                                                                                                                                                                                         friendly-errors 14:54:44
* TweenMax in ./node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js

我在 NuxtJS 中使用了一个插件来要求这些插件。GSAP 本身可以正常工作，而 ScrollMagic 可以单独正常工作。然而，当谈到为 Scroll Magic 使用 GSAP 插件时，它似乎不起作用。

插件.js

import Vue from 'vue'
import Navigation from '../components/Navigation.vue'
import {TweenMax, Power2, TimelineLite, TimelineMax, TweenLite} from "gsap"
import ScrollMagic from 'scrollmagic';
require("scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap");

export default () => {
    Vue.component('navigation', Navigation);
}

有没有人知道为什么这可能不起作用？

先感谢您！

更新：这已在最新版本的 GSAP 中修复

标签： javascriptwebpacknuxt.jsgsapscrollmagic

解决方案

我认为您错误地导入了 GSAP。尝试：

import {TweenMax, Power2, TimelineLite, TimelineMax, TweenLite} from "gsap/TweenMax"

有关更多信息，请参阅 NPM 文档：https ://www.npmjs.com/package/gsap#npm

推荐阅读