Errors on prod version, works fine in dev

[modulareverything]

I'm working on a little animation at the moment and I have it working pretty nicely when it's running locally.

 

When I package it and deploy it however I'm hit with errors. I thought this might have something to do with gsap trying to interact with the page before it had loaded and it throwing an error, but that doesn't explain why one of the animations is actually working fine (but the others aren't).

 

Here's the bugged production version;

https://hult-network.vercel.app/

 

And a link to the code;

https://github.com/chrish-d/GSAP-Connected-Nodes

 

If you pull the code, this should get you going; npm install && parcel index.html

 

Lastly I've attached a screenshot of what it should look like.

 

Thanks for any help

[GreenSock]

I don't have time right now to download all your code and set up a build directory, but your live version is erroring on a line that has nothing to do with GSAP: 

pathA.setAttribute(...)

 

It's saying that pathA is undefined. So it looks like when you set that variable and do the querySelector(), it doesn't exist. Have you tried troubleshooting that? Maybe console.log() what that is and why it's returning undefined. Maybe your code is running before those DOM nodes are defined? Maybe window or document isn't defined at that point? 

[modulareverything]

Thanks @GreenSock I saw gsap.core in the console and thought it might be related to something I was doing with GSAP.

 

It looks like the build I'm using is stripping out my <path>'s in my SVG. No idea why it would decide to delete bits of code, but definitely a point to start.