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

【问题标题】：ScrollMagic with GSAP - These dependencies were not found in animation.gsap.js带有 GSAP 的 ScrollMagic - 在 animation.gsap.js 中找不到这些依赖项
【发布时间】：2019-06-26 04:17:49
【问题描述】：

我正在尝试在我的一个项目中使用 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 中得到修复

【问题讨论】：

您找到解决方案了吗？

标签： javascript webpack nuxt.js gsap scrollmagic

【解决方案1】：

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

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

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

【讨论】：

不要以为你已经理解了这个问题。它与滚动魔术相关，与 gsap 无关。