Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 将gsap节点模块与Meteor一起使用_Node.js_Reactjs_Meteor_Npm_Gsap - Fatal编程技术网

Node.js 将gsap节点模块与Meteor一起使用

Node.js 将gsap节点模块与Meteor一起使用,node.js,reactjs,meteor,npm,gsap,Node.js,Reactjs,Meteor,Npm,Gsap,我正在尝试使用“gsap”节点模块,明确地说是该软件包的工具“可拖动”与Meteor(一个普通的Meteor React应用程序)一起使用 通过meteor npm install gsap进行的安装工作符合预期。 然而,如果我想在我的代码中使用文档中建议的模块,客户端会崩溃并出现多个连续错误;第一个是: 未捕获的语法错误:意外的标识符模块。js:132661 下面显示了导入gsap工具的建议方法。尝试导入子模块时出现错误,如下所示: import Draggable from 'gsap/Dr

我正在尝试使用“gsap”节点模块,明确地说是该软件包的工具“可拖动”与Meteor(一个普通的Meteor React应用程序)一起使用

通过meteor npm install gsap进行的安装工作符合预期。 然而,如果我想在我的代码中使用文档中建议的模块,客户端会崩溃并出现多个连续错误;第一个是:

未捕获的语法错误:意外的标识符模块。js:132661

下面显示了导入gsap工具的建议方法。尝试导入子模块时出现错误,如下所示:

import Draggable from 'gsap/Draggable'; 
我不太明白这里的问题。对于其他模块,一个简单的
npm安装
从y导入x
就可以了。对于gsap模块,情况似乎并非如此。 如果有任何建议,我将不胜感激

更新:

“gsap”节点模块的导入似乎正在工作! 谢谢你的回答

我对Dragable导入有一些问题,因为gsap没有在其构造函数中定义(“\u toArray不是函数”)。要使其工作,您必须将插件注册到gsap(在main.jsx中添加了行):


gsap包包含ES6代码。节点\模块文件夹中的ES6。通常在发布到npm时,包被传输到ES5中。gsap的编辑应该这样做

在Meteor中实现此功能有两个选项:

•选项1:直接在Meteor应用程序中的某处克隆,如/imports/lib/gsap。然后按以下方式导入
import Draggable from'/impots/lib/gsap/Draggable'


•选项2:直接在Meteor应用程序外的某处克隆,并在Meteor应用程序内使用
npm安装/path/to/the/cloned/folder
)。在同一项目中作为团队工作时,或者当您需要部署应用程序时,选项2对我来说似乎不太可靠

非常感谢,它现在可以工作了,选项1似乎适合我!gsap npm模块似乎不是很直观。@NickG它应该在gsap的下一个版本中进行一些简化!“我们现在正在做这件事。”扎克绍西尔非常感谢!我很期待。嗨,不用做“window.gsap=gsap”,我想你可以只做gsap.registerPlugin(Draggable);。不管怎样,谢谢你的提示,我也一直坚持着。嗨,谢谢你发这个帖子!我在上面编辑了我的补丁,因为你的方式更好。
import { gsap } from "gsap";
import { Draggable } from 'gsap/Draggable';

gsap.registerPlugin(Draggable);.