ScrollMagic с GSAP - эти зависимости не были найдены в animation.gsap.js - PullRequest
Новая
       28

ScrollMagic с GSAP - эти зависимости не были найдены в animation.gsap.js

0 голосов
/ 01 февраля 2019

Я пытаюсь использовать 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);
}

Есть ли у кого-нибудь какие-либо идеи относительно того, почему это можетне работает?

Заранее спасибо!

1 Ответ

0 голосов
/ 05 февраля 2019

Я думаю, что вы импортируете GSAP неправильно.Попробуйте: 

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

См. Документацию NPM для получения дополнительной информации: https://www.npmjs.com/package/gsap#npm

...