Hi,
I'm new to GSAP and the forum. I'm evaluating GSAP for use in an internal charting app and am having trouble getting it to import into a skeleton typeScript project. In empty typeScript project with gsap 3.0.1 installed, the line
import gsap from "gsap";
Is causing a webpack warning "System.register is not supported by webpack" and the browser to give "index.tsx:1 Uncaught TypeError: (void 0) is not a function". I've tried many varients, including import { gsap } from "gsap";, import * as gsap from "gsap"; and import "gsap";
Also, VS Code gives a "Cannot find module 'gsap'. warning if I don't also install the @types (which, I understand, shouldn't be necessary with gsap 3).
Here's my webpack.config.js if it helps:
const path = require("path");
module.exports = {
resolve: {
extensions: ['.ts', '.tsx', '.js'],
},
entry: "./src/index.tsx",
output: {
filename: "bundle.js",
path: path.resolve(__dirname, "dist"),
publicPath: "/dist/"
},
module: {
rules: [
{ test: /\.tsx?$/, loader: "ts-loader" },
]
},
devServer: {
stats: {
assets: false,
hash: false,
chunks: false,
errors: true,
errorDetails: true,
},
overlay: true,
port: 3333
}
};
Any help re where I should be looking would be appreciated.
Thanks