Setting up AnimeJS via direct download

[towiwakka]

Hello,

I've been able to get AnimeJS working utilizing a CDN, but would ultimately like to load the files directly from my web server. When trying to do this, I run into a variety of errors tied to the module import step. Would anyone be willing to provide some guidance on the proper way to set things up using vanilla Javascript?

Thank you for your time and help!

[juliangarnier]

Hello, did you try this https://animejs.com/documentation/getting-started/installation#direct-download ?

[towiwakka]

Hello Julian, thank you for the reply! I did try following the getting started documentation, but I'm clearly doing something wrong. Below is the code I'm trying to run. I'm getting an "anime is not defined" error, and "The specifier “animejs” was a bare specifier, but was not remapped to anything."

[juliangarnier]

It's because you are mixing two different of import method.
You are loading the UMD version of the lib, and try to imports ESM modules from it.
When loading the UMD version, you should remove the type="module" from the script tag containing your code, and import anime.js functions like this:

<script src="animejs/dist/bundles/anime.umd.min.js"></script>
<script>
  const { animate, utils, createDraggable, spring } = anime;
</script>

[towiwakka]

I wondered if that might be the case, thank you for the clarification! Didn't realize that defining the variables was comparable to the import step.

I'm looking forward to building some things with this library, thank you for creating it and sharing it with the world!