将 GSAP 导入我的 TypeScript 项目时，浏览器说找不到 GSAP

如何解决将 GSAP 导入我的 TypeScript 项目时，浏览器说找不到 GSAP

我正在使用 THREE.js 和 GSAP 开发一个 TypeScript 项目。这是我的第一个 TypeScript，所以也许它显然是我遗漏的东西，但每当我将 GSAP 导入我的项目时，我都会在浏览器中收到错误消息。

该应用程序使用 express 作为服务器并使用

编译 TypeScript 代码

"dev": "concurrently -k \"tsc -p ./src/server -w\" \"tsc -p ./src/client -w\" \"nodemon ./dist/server/server.js\""

因此，每次我进行更改时，它都会编译 /dist 文件夹中的 TypeScript，该文件夹是我的 index.html 文件所在的位置。

我尝试了许多不同的 GSAP 插件和导入样式，但每次都遇到相同的问题。这是我将 gsap 导入文件的示例。

import { gsap } from "gsap";
import { DrawSVGPlugin } from "gsap/DrawSVGPlugin";
gsap.registerPlugin(DrawSVGPlugin);

然后当我进入浏览器时，我在控制台中收到一条错误消息。

我不知道是否需要在我的 tsconfig.json 文件中添加任何内容？我有一些 THREE.js 相对路径的配置，所以也许我需要类似的 GSAP 配置？

这是我的 tsconfig.json 文件

{
"compilerOptions": {
    "target": "ES6","module": "ES6","outDir": "../../dist/client","baseUrl": ".","paths": {
        "/build/three.module.js": ["../../node_modules/three/src/Three"],"/jsm/*": ["../../node_modules/three/examples/jsm/*"]
    },"moduleResolution": "node"
},"include": [
    "**/*.ts"
]
}

在快速服务器中，我像这样添加那些静态文件

app.use('/jsm/libs/dat.gui.module',express.static(path.join(__dirname,'../../node_modules/three/examples/jsm/libs/dat.gui.module.js')))

我希望这很容易，但我对这个有点迷茫。我也想知道我是否可能需要切换到 webpack 或其他什么东西，但我现在试图避免它。