ScrollMagic with React

私はScrollMagicをES2015のインポートとReactで動作させようとしています。このエラーが発生しています：ScrollMagic with React

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

これは私がすべてをインポートする方法です。このimportステートメントを使用して

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

出典

2016-04-26 Dileet

なぜあなたがインポートして同じことを必要としていますか？あなたはそれを行う必要がない限り、おそらく輸入以上の必要性を置く？ –

@JohnRuddell animation.gsapを必要とせずに、別のエラーが発生します。プラグイン 'animation.gsap'がないためsetTween（）を呼び出すエラー。プラグイン/ animation.gsap.jsを必ず含めてください。 – Dileet

私はgsapからいくつかのものをインポートし、ScrollMagicもインポートしているのが分かりました。次にスクロールマジックのアニメーションが必要です。それらの違いは何ですか？なぜあなたはインポートの代わりにrequireを使用していますか？あなたは輸入品の上に必要品を入れてみましたか？ –

は私の作品：

import * as ScrollMagic from 'scrollmagic'

npm install scrollmagicでパッケージをインストールした後。

出典

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 with React

答えて

関連する問題