我正在尝试使用“ gsap”节点模块,明确地将该包的工具“ Draggable”与Meteor(普通的Meteor React应用程序)一起使用。
通过meteor npm install gsap
进行的安装按预期进行。
但是,如果我想按照文档中的建议在代码中使用该模块,则客户端会崩溃并出现多个连续错误;第一个是:
未捕获到的SyntaxError:意外的标识符模块.js:132661
here显示了建议的导入gsap工具的方法。当我尝试导入子模块时出现错误,如下所示:
import Draggable from 'gsap/Draggable';
我不太了解这里的问题。对于其他模块,仅使用简单的
npm install
和import x from y
即可。对于gsap模块,情况似乎并非如此。如有任何建议,我将不胜感激。
更新:
看来'gsap'节点模块的导入现在正在工作!
感谢您的回答!
我在Draggable导入时遇到了一些问题,因为gsap不在其构造函数内部定义(“ _toArray不是函数”)。但是解决此问题的方法是在窗口元素中添加gsap(在main.jsx中添加了几行):
import { gsap } from "gsap";
window.gsap = gsap;
最佳答案
gsap软件包包含ES6代码。 node_modules文件夹is not compiled by Meteor中的ES6。通常,发布到npm时,程序包会转换为ES5。 gsap
的编辑器应该这样做。
您可以通过以下两种方法在Meteor中进行这项工作:
•选项1:将source from github直接克隆到您的Meteor应用程序中的某个位置,例如/ imports / lib / gsap。然后按照以下import Draggable from '/impots/lib/gsap/Draggable';
导入
•选项2:将source from github直接克隆到流星应用程序之外的某个位置,并在流星应用程序(see here for reference)中使用npm install /path/to/the/cloned/folder
。当在一个项目中作为团队工作或需要部署应用程序时,选项2对我而言似乎不那么健壮