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

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

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

提前谢谢你！

更新:在最新版本的GSAP中已修复此问题

Answer 1

我认为您导入GSAP是错误的。尝试：

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

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