时间戳

首页 > 解决方案 > 将 gsap 节点模块与 Meteor 一起使用

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

问题描述

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

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

未捕获的 SyntaxError：意外的标识符 modules.js:132661

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

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);.

标签： node.jsreactjsmeteornpmgsap

解决方案

gsap 包包含 ES6 代码。node_modules 文件夹中的 ES6不是 Meteor 编译的。通常在发布到 npm 时，包会被转译成 ES5。的编辑gsap应该这样做。

在 Meteor 中进行这项工作的两个选项：

• 选项1：直接在Meteor 应用程序的某个地方从github克隆源代码，例如/imports/lib/gsap。然后导入如下import Draggable from '/impots/lib/gsap/Draggable';

• 选项2：直接从您的Meteor 应用程序外部的某个地方克隆来自github 的源代码并在您的流星应用程序内部使用（参见此处以供参考）。在同一个项目中作为团队工作或需要部署应用程序时，选项 2 对我来说似乎不太可靠npm install /path/to/the/cloned/folder

推荐阅读