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与反应

回答

相关问题