Question

我试图在我的一个项目中使用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可以分别正常工作。但是，在将GSAP插件用于Scroll Magic时，它似乎不起作用。

Plugin.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);
}

有人对为什么这可能不起作用有任何想法吗？

提前谢谢！

Answer 1

我认为您输入的GSAP错误。试试：

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

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

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

1 个答案: