Gr0x

Solution: 1: Create .npmrc file in root of your project. 2: write following in the .npmrc file: -------------------------- always-auth=true registry=https://npm.greensock.com //npm.greensock.com/:_authToken=${NPM_TOKEN} -------------------------- 3: Go to Netlify and create an enviroment variable called : NPM_TOKEN 4: Push it up to your git repo and enjoy Shout out to Cassie, Prasanna and Sybilrondeau. ❤️

So you went from: -------------------------- always-auth=true @gsap:registry=https://npm.greensock.com/ //npm.greensock.com/:_authToken=${NPM_TOKEN} -------------------------- to: -------------------------- always-auth=true registry=https://npm.greensock.com //npm.greensock.com/:_authToken=${NPM_TOKEN} -------------------------- Am I correct? No I haven't tried it yet, gonna do it asap ?

@sybilrondeau Hey buddy! Did you manage it to work or are you still getting the netlify error message at deploy?

@Prasanna Here is a screenshot Here is the code that is in the .npmrc-file always-auth=true @gsap:registry=https://npm.greensock.com/ //npm.greensock.com/:_authToken=${NPM_TOKEN} (im still having error message as before, in Netlify deploy)

Hey buddy! @sybilrondeau No I haven't

Hello Prasanna! This is exactly what I have done, without any succeed Except for the "always-auth=true" thingy. I will try it asap and see how it goes This is what I got now (I added the "always-auth=true"): 11:03:16 PM: Installing NPM modules using Yarn version 1.22.4 11:03:17 PM: yarn install v1.22.4 11:03:17 PM: [1/4] Resolving packages... 11:03:18 PM: [2/4] Fetching packages... 11:03:20 PM: error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fmember/-/member-3.6.1.tgz: Request failed \"403 Forbidden\"". 11:03:20 PM: info If you think this is a bug, please open a bug report with the information provided in "/opt/build/repo/yarn-error.log". 11:03:20 PM: info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. 11:03:44 PM: Error during Yarn install 11:03:44 PM: Build was terminated: Build script returned non-zero exit code: 1 11:03:44 PM: Creating deploy upload records 11:03:44 PM: Failing build: Failed to build site 11:03:44 PM: Failed during stage 'building site': Build script returned non-zero exit code: 1 11:03:44 PM: Finished processing build request in 38.686758233s

So here what I have done now. 1. added the token id to .npmrc file 2. yarn add gsap@npm:@gsap/member (installation went well) 3. changed back the "//npm.greensock.com/:_authToken=<my_token>" to "//npm.greensock.com/:_authToken=${NPM_TOKEN}" 4. check so I have a enviroment variable in Netlify (as the link you sent me from them). 5. tried to deploy it, with the same error massage as everythin started with.. 6:23:19 PM: [2/4] Fetching packages... 6:23:21 PM: error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fmember/-/member-3.6.1.tgz: Request failed \"403 Forbidden\"". 6:23:21 PM: info If you think this is a bug, please open a bug report with the information provided in "/opt/build/repo/yarn-error.log". 6:23:21 PM: info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. 6:23:43 PM: Error during Yarn install 6:23:43 PM: Build was terminated: Build script returned non-zero exit code: 1 6:23:43 PM: Creating deploy upload records 6:23:43 PM: Failing build: Failed to build site 6:23:43 PM: Failed during stage 'building site': Build script returned non-zero exit code: 1 6:23:43 PM: Finished processing build request in 36.15330949s

I do The error code comes from when I want to do "step 4"

So this is the current issue I'm dealing with now. I'm at "step 4: Run: $ yarn add gsap@npm:@gsap/shockingly" I'm getting this message in my terminal (adding picture)

Hello Cassie Oh, i see! I've tried the links without succeed.. Tried to create a variable in Netlify that connects my token to commented line in the App.js //npm.greensock.com/:_authToken=${NPM_TOKEN} Not sure if my location of the .npmrc-file matters? (C:\Users\Name\.npmrcs)

Hey guys I'm trying to publish my portfolio now via Netlify (github repo). While I am mid/end deploying there is an error message (linking 2 pictures).

Hi guys (again)! ? So.. My issue is that I can't make this (codepen) horizontally and fit into my react app... I have been looking at: https://edidiongasikpo.com/using-gsap-scrolltrigger-plugin-in-react without any progress. The goal: On scroll it triggers the page to go from one section to another horizontally (with a smooth feeling/animation) (like the codepen)

Cassie & Blake, thank you so much for your time and help! I made it work now, thanks to your help social-distance-hugs!!! ❤️

Hi Blake! ? I've been sitting with this issue now and been following the: https://edidiongasikpo.com/using-gsap-scrolltrigger-plugin-in-react But i really cant make it work.. This is the "new" component: import mouse from '../assets/mouse-scroll.svg'; import { useRef, useEffect } from "react"; import gsap from "gsap"; function Mouse() { const mouse_bounce = useRef(null); useEffect(() => { const element = mouse_bounce.current; gsap.fromTo( element.querySelector("mouse-icon"), { y: -30, }, { duration: 0.7, delay: 2, y:0, ease:"circ.in", repeat:-1, yoyo:true }, ); }, []); return ( <div className="mouse-div"> <img ref={mouse_bounce} id="mouse-icon" className="mouse-img" src={mouse} alt="mouse-scroll" /> </div> ); } export default Mouse; I really dont have any clue what i can do now to make it work.. I appreciate all the help i can get

What do you mean with 'fullstop' ? oh! Yeah, i saw that i had a "." in the Class.. Now it's removed and still doesnt work.. What did you change to make the text work? oh, okey. But i have to do it in react.. The issue is that when i start my project (yarn start) in the terminal, the mouse is still (no animations), but when i manipulate an error in the code (for an instance instead of "gsap.fromTo" i write "gsap.fromT1o" (just to get an error.) Then i remove the "1" in the code and the animation starts to work as long as i dont refresh the page.