ScrollMagic與反應

我試圖讓ScrollMagic與ES2015導入和反應工作。我得到這個錯誤：ScrollMagic與反應

ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js 
Module not found: Error: Cannot resolve module 'TimelineMax' in /Users/dillonraphael/Desktop/marbleshark_landingpage/node_modules/scrollmagic/scrollmagic/uncompressed/plugins 
@ ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js 31:2-61

這就是我如何導入一切。與npm install scrollmagic安裝包後

import * as ScrollMagic from 'scrollmagic'

：

import {gsap, TimelineMax, TweenMax} from 'gsap'; 
import ScrollMagic from 'ScrollMagic'; 
require('scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap');

來源

2016-04-26 Dileet

你爲什麼要導入和要求是一回事嗎？除非你需要這樣做，也許把需求放在進口之上？ –

@JohnRuddell不需要animation.gsap我得到一個不同的錯誤。由於缺少Plugin'animation.gsap'，調用setTween（）的錯誤。請確保包含插件/ animation.gsap.js – Dileet

我問的是我看到你從gsap中導入了一些東西，並且你還導入了ScrollMagic ...然後你需要scrollmagic animations.gsap。他們之間有什麼區別？你爲什麼使用require而不是import？所有這一切，你是否嘗試把需求放在進口之上？ –

使用這種import聲明對我的作品。

來源

2016-10-26 14:33:55

這是我該怎麼辦：

的WebPack：

config.resolve.alias = { 
 
     ScrollMagic: path.resolve('node_modules', 'scrollmagic/scrollmagic/uncompressed/ScrollMagic.js'), 
 
};

componentDidMount() { 
 
    const ScrollMagic = require('ScrollMagic'); 
 
    const controller = new ScrollMagic.Controller({ globalSceneOptions: { triggerHook: 0 } }); 
 
}

來源

2017-08-26 23:33:48 goksel

ScrollMagic與反應

回答

相關問題