时间戳

首页 > 解决方案 > GSAP 无法在 node/express/ejs 项目中使用 NPM

node.js - GSAP 无法在 node/express/ejs 项目中使用 NPM

问题描述

我有一个 node.js 项目。我正在使用 EJS 模板构建网站。我想为我的动画使用 GSAP。我创建了一个链接到我的 /views/homepage.ejs 的 /public/js/gsap-homepage.js 文件。

当我使用 GSAP3 CDN 时，一切正常。但是当我想使用 NPM 尝试它时它不起作用。我使用npm install gsap. 然后在 gsap-homepage.js 中，我按照 GSAP docs 导入了 gsap import { gsap } from "gsap"。我什至尝试过import { gsap } from "gsap/dist/gsap"和const gsap = require("gsap/dist/gsap").gsap。但它们都不起作用。

如何让 GSAP 在 npm 中工作。我在这里做错了什么？

标签： node.jsejsgsap

解决方案

我最近将服务器端渲染的 React 应用程序从 gsap@2.1.3 升级到了 gsap@3.6.0。我用这个命令安装了它：npm install gsap@3.6.0

在以前的版本中是使用他们的umd子目录。但我想尝试使用他们的主要版本。我能够使用import gsap from 'gsap'. 但是，当我尝试导入时ScrollToPlugin出现错误。

我最终不得不回去使用该umd方法。对于意味着像这样导入的新版本：

import { gsap } from 'gsap/dist/gsap'
import { ScrollToPlugin } from 'gsap/dist/ScrollToPlugin'

https://github.com/greensock/GSAP
https://greensock.com/docs/v3/Installation#npm

推荐阅读