Hello GreenSock,
Recently transitioned to v3 and had everything working locally until I deployed to live.
Live I get the following message:
<script>
import { TimelineLite } from 'gsap'
export default {
methods: {
blastoff() {
let children = this.$refs.barchart.children;
for (var i = 0; i < children.length; i++) {
var elChild = children[i].getElementsByTagName('div')[0];
const timeline = new TimelineLite()
let maxHeight = elChild.style.height.slice(0, -1);
timeline
.set(elChild, { height: '0%' })
.to(elChild, 1.5, { height: maxHeight + '%', ease: "power2.inOut"}, i/5)
}
}
},
mounted() {
this.blastoff();
}
};
</script>
the .set seems to be causing the trouble. Weird thing is that it works properly locally but doesn't when I build and deploy.