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

Question

我正在尝试使用 'gsap' 节点模块，明确地将该包的工具 'Draggable' 与 Meteor（一个普通的 Meteor React 应用程序）一起使用。

通过 meteor npm install gsap 的安装按预期工作。但是，如果我想按照文档中的建议在我的代码中使用该模块，客户端会因多个连续错误而崩溃；第一个是：

Uncaught SyntaxError: Unexpected identifier modules.js:132661

显示了导入 gsap 工具的建议方法 here。当我尝试像这样导入子模块时出现错误：

import Draggable from 'gsap/Draggable';

我不太明白这里的问题。对于其他模块，一个简单的 npm install 和 import x from y 就可以了。对于 gsap 模块，情况似乎并非如此。如果有任何建议，我将不胜感激。

更新：

'gsap' 节点模块的导入似乎正在运行！感谢您的回答！

我在 Draggable 导入时遇到了一些问题，因为 gsap 没有在其构造函数中定义（“_toArray 不是函数”）。要使其工作，您必须将插件注册到 gsap（在 main.jsx 中添加行）：

import { gsap } from "gsap";
import { Draggable } from 'gsap/Draggable';

gsap.registerPlugin(Draggable);.

Answer 1

gsap 包包含 ES6 代码。 node_modules 文件夹 is not compiled by Meteor 中的 ES6。通常在发布到 npm 时，包会被转译为 ES5。 gsap的编辑应该做的。

您可以在 Meteor 中使用两个选项：

• 选项 1：直接在您的 Meteor 应用中克隆 source from github，例如 /imports/lib/gsap。然后导入如下 import Draggable from '/impots/lib/gsap/Draggable';

• 选项 2：直接在您的 Meteor 应用程序外部某处克隆 source from github 并在您的 Meteor 应用程序内部使用 npm install /path/to/the/cloned/folder （请参阅这里供参考)。当在同一个项目中作为一个团队工作或者当你需要部署你的应用程序时，选项 2 对我来说似乎不太稳健

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

Use gsap node module with Meteor

node.js

npm

meteor

reactjs

gsap