Scroll Trigger: Invalid Property x set to 3.57 Missing plugin? gsap.registerPlugin()

[Chinmay Tiwari]

I am facing "Invalid Property x set to 3.57 Missing plugin? gsap.registerPlugin()" and "Invalid property section set to 0 Missing plugin? gsap.registerPlugin()" in the console. I came much further in the project but now I am facing this issue. Please Help!! 

 

import {gsap} from "gsap"

import {ScrollTrigger} from 'gsap/ScrollTrigger'

gsap.registerPlugin(ScrollTrigger)

 

 

const setupAnimation = ( ) =>{

    camera.position.x = 25.7;

    ScrollTrigger.matchMedia( {"(prefers-reduced-motion: no-preference)":desktopAnimation})

}

const desktopAnimation = ()=>{

    let section = 0

    const tl = new gsap.timeline({

        default : {

            duration: 1,

            ease: "power2.inOut"

        },

        scrollTrigger: {

            trigger: ".page",

            start :  "top top",

            end: "bottom bottom",

            scrub: 0.1,

            markers: true

        }

    })

    console.log("ScrollTrigger", ScrollTrigger)

   

    tl.to(  camera.position.x,{

        x: 3.57,

        section

    })

}

 

[OSUblake]

Welcome to the forums @Chinmay Tiwari

 

To animate the x position, the target should just be camera.position, and section probably isn't a property of the camera position.

 

tl.to(  camera.position,{
        x: 3.57,
        // section
    })

 

[Chinmay Tiwari]

@OSUblake You saved my life, literally I have spent around 2 hours fixing it and failed. And you did it in a few seconds.  God and Gsap Bless you.