带React的ScrollMagic

Question

我正在尝试让ScrollMagic与ES2015导入和反应一起工作。我得到了这个错误：

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 {gsap, TimelineMax, TweenMax} from 'gsap';
import ScrollMagic from 'ScrollMagic';
require('scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap');

Answer 1

使用下面的import语句对我来说很有效：

import * as ScrollMagic from 'scrollmagic'

使用npm install scrollmagic安装程序包后。

Answer 2

我是这样做的：

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 } });
}

​