Invalid property markers set to true Missing plugin? gsap.registerPlugin()

[Charly]

I'm struggling with this error, never happened to me before even after using ScrollTrigger on multiple projects.

 

I'm getting an error each time I want to use the "markers" or "start" parameter. My set-up is pretty simple though, anything I missed ?

 

Invalid property markers set to true Missing plugin? gsap.registerPlugin()"

 

import { gsap } from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';

gsap.registerPlugin(ScrollTrigger);

document.addEventListener('DOMContentLoaded', () => {
  gsap.to('.fade-up', {
    scrollTrigger: '.key-figures',
    y: 0,
    opacity: 1,
    markers: true,
  });
});

 

I created a separated copePen below just to try it out on a clean base but the result is the same...

 

Thank you for your support.

See the Pen LYeooKg by _cbernard (@_cbernard) on CodePen

[PointC]

You're just missing the vars object. Please give this a try.

document.addEventListener("DOMContentLoaded", () => {
  gsap.to(".text", {
    scrollTrigger: {
      trigger: "wrapper",
      markers: true
    },
    x: 200
  });
});

Happy tweenig.

 

[Charly]

I feel really stupid now, thank you for your help @PointC

[PointC]

Happy to help and absolutely no need to feel stupid. We've all been there.

 

Thank you for your Club membership. We really appreciate your support.