Tag: gsap
如何在Node.js中要求GSAP
我尝试在Node.js中包含GSAPanimation库 例如，我尝试运行带有完整function的GSAP，并且需要先包含“TweenMax.js”，然后再包含“TimelineMax.js”。 在GSAP的最后一个版本中，我看到'TweenMax.js'和'TimelineMax.js'在代码实现中有Node.js的module.exports，但是当我试图用Node.js来要求它们时 – require('./lib/gsap/TweenMax.js') ，Node.js返回我 'reference error: document is not defined' 在TweenMax.js中打破所有的脚本。 如果有任何想法如何解决这个问题，请帮助。 谢谢。
如何禁用或阻止ReactJS在服务器端呈现时查找文档？
我正在尝试在我的ReactJS应用程序中使用客户端上的animation。 如果我通过npm安装gsap模块，然后尝试在我的模块中使用gsap，我得到以下错误： node_modules/gsap/src/uncompressed/TweenMax.js:2535 _doc = document, ^ ReferenceError: document is not defined at Function.<anonymous> (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:2535:11) at [object Object].check (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:5794:61) at new Definition (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:5811:10) at window._gsDefine (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:5816:12) at Array.<anonymous> (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:2489:11) at /Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:7570:9 at Object.<anonymous> (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/gsap/src/uncompressed/TweenMax.js:7581:3) at Module._compile (module.js:435:26) at Module._extensions..js (module.js:442:10) at Object.require.extensions.(anonymous function) [as .js] (/Users/gcardella/Documents/TOG/SOLID/mockups/solid-website/node_modules/babel-register/lib/node.js:138:7) 有没有在ReactJS代码的方法：如果它在服务器上呈现，没有文档，所以不加载gsap，但一旦编译bundle.js（我的客户端反应接pipe客户端的js）下载，使用gsap因为文件存在？ 目前我正在使用的工作是将gsapembedded到index.ejs中： <!DOCTYPE html> <html> <head> <title>Solid Website</title> </head> […]
NPM / Webpack不能正确加载GSAP TimelineLite
我正在重构和运行生产应用程序清理，并优化依赖关系。 我们有一个React组件，它使用GSAP来处理一些与转换相关的东西，但只有TimelineLite库。 这些都是简单的东西，没有任何困难或任何事情，所以我们不需要任何更复杂的GSAP项目，现在可以将它们擦除以优化。 最初，我们只是通过NPM导入了整个GSAP库，如下所示： import 'gsap'; 根据GSAP npm文档（ https://www.npmjs.com/package/gsap ） … 默认（主）文件是TweenMax，其中还包括TweenLite，TimelineLite，TimelineMax，CSSPlugin，RoundPropsPlugin，BezierPlugin，AttrPlugin，DirectionalRotationPlugin和所有的轻松 现在，我想减less我们的import脂肪，并切换到： import { TimelineLite } from 'gsap'; 但是，这是编译正确，但抛出以下客户端错误： Uncaught TypeError: _gsap.TimelineLite is not a constructor 有人知道为什么吗？ 仅通过importTimelineLite节省的体重并不是很大，但是值得一做。 我是否需要专门导入GSAP库的其他部分？ 笔记： 我也尝试import { TweenLite, TimelineLite } from 'gsap'; 没有运气。 奇怪的是， import { TweenMax, TimelineLite } from 'gsap'; 也不工作，但从import { TweenMax } from 'gsap'; 确实。 这里是我们正在使用的animation，超级基本： […]
