我正在尝试使用“ gsap”节点模块,明确地将该包的工具“ Draggable”与Meteor(普通的Meteor React应用程序)一起使用。

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


  未捕获到的SyntaxError:意外的标识符模块.js:132661


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

import Draggable from 'gsap/Draggable';


我不太了解这里的问题。对于其他模块,仅使用简单的npm installimport 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对我而言似乎不那么健壮

10-08 16:59