滚动魔术与react

IT技术 reactjs webpack
2021-05-12 01:19:06

我正在尝试让 ScrollMagic 使用 ES2015 导入和 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 {gsap, TimelineMax, TweenMax} from 'gsap';
import ScrollMagic from 'ScrollMagic';
require('scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap');
2个回答

使用此import语句对我有用：

import * as ScrollMagic from 'scrollmagic'

使用npm install scrollmagic.

这就是我的做法：

网络包： 

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

其它你可能感兴趣的问题
上一篇打印后长丝特性如何变化？（与吸水率有关） 下一篇通过添加孔提高打印速度