Jump to content
Search Community

M Hartman

Members
  • Posts

    6
  • Joined

  • Last visited

Posts posted by M Hartman

  1. 17 hours ago, GreenSock said:

    DrawSVGPlugin is a members-only plugin, so the easiest way for you to try it out locally (or on CodePen/CodeSandbox) is to use the "gsap-trial" package. You do NOT need to use any token or do any special setup for that. It's a regular package on the standard NPM public repository. Just npm install gsap-trial and you should be fine. But you must import the files from gsap-trial:

    // BAD
    import gsap from "gsap";
    import DrawSVGPlugin from "gsap/DrawSVGPlugin";
    
    // GOOD (for trial only, NOT for deployment!)
    import gsap from "gsap-trial";
    import DrawSVGPlugin from "gsap-trial/DrawSVGPlugin";

    Just remember that gsap-trial should NOT be deployed anywhere on the web, like a different domain (other than codepen.io or codesandbox.io). You'll get redirected if you use a bonus plugin from gsap-trial on a deployed site.

     

    The reason you were getting that error about "Can't resolve gsap/DrawSVGPlugin" is because you were just using the public "gsap" package from the public repo which of course doesn't have any of the "members-only" plugins. Otherwise, that'd make them free for the entire world :)

     

    But the gsap-trial one has special versions of all the bonus plugins that only work locally and on certain whitelisted domains like codepen.io. 

     

    Does that clear things up?  

    Hi Jack, 

     

    Thanks, so it looks like I need to pay $99 for this benefit? I like the features but would like to try them first before continuing the use of the features using the different domains. I understand your business model tho.  Thank you for all your responses. I appreciate it. 

  2. 56 minutes ago, GreenSock said:

    If your GSAP-enhanced site/product generates a fee from multiple users (including micro-transactions, subscription fees, etc.), it requires the commercial license which comes with Business Green memberships.
     

    The only other reasons to sign up for Club GreenSock are to

    1. Get the bonus members-only plugins, or
    2. Support our ongoing development efforts.

    But please don’t feel any pressure. We’re passionate about having happy customers around here, and we never want someone’s money if they don’t feel like they’re getting incredible value

     

    The "Simply Green" ($99/yr) package includes a subset of the bonus plugins. The "Shockingly Green" ($149/yr) includes ALL the plugins and the "Business Green" ($199/yr) includes all the plugins plus the special commercial license. See https://greensock.com/club for details. 

     

    If you're only using the core (none of the bonus plugins) in a site/product that's free for everyone, you don't need ANY Club GreenSock membership. 

     

    Here's what I'd suggest. Completely delete EVERYTHING having to do with GSAP first. It looks like you configured things so that @gsap is pointing at https://npm.greensock.com as the repository but DON'T do that. Set it back to the default for now. Once you're completely back to normal (no special configurations), do a simple npm install gsap and see if that gets you up and running. Try to do some basic tweens (no special plugins). That may be all you need. 

     

    If you do need to get some bonus plugins or the license, sign up for Club GreenSock. You'll then get a special token that'll let you get access to the "business" or "shockingly" or "simply" private repository packages. But again, I think it'd be best since you're getting confused to simply strip everything back and start over completely with the public package (no special tokens or access required). Then we can go from there. Fair enough? 

     

    Hi Jack,

     

    Thanks for the clarification regarding membership and that is actually fair. I want to try the bonus plugins for now and see if they will work for me.  Going back to the main error main concern for deployment.  I was able to reinstall  "npm install gsap" but when I try to check if it is running "npm start" this is what it showed below:

     

    Module not found: Error: Can't resolve 'gsap/DrawSVGPlugin' in '/Users/myusername/Desktop/myreactportfolio/src/components/Home/Logo'
    ERROR in ./src/components/Home/Logo/index.js 9:0-47
    Module not found: Error: Can't resolve 'gsap/DrawSVGPlugin' in '/Users/myusername/Desktop/myreactportfolio/src/components/Home/Logo'

     

    Further to this,  I am also not certain if the "yarn-error.log" file is one of the reasons or my code for gsap is correct? tho it was working on local repository. Please see attached picture.  Thank you in advance. 

    Screen Shot 2022-05-28 at 10.15.16 PM.png

  3. 11 minutes ago, GreenSock said:

    I'm a bit confused - it doesn't look like you signed up for Club GreenSock at all, so it would make sense that you're getting errors. Your token wouldn't grant you access to the "business" repository (you don't have a "Business Green" Club GreenSock membership). 

     

    If you don't have a membership and don't need the bonus plugins, there's no need for you to use the private repository at all. So perhaps it's as easy as deleting the "gsap" and "gsap-trial" in that packages list (I'm confused about why you added both), and then just rerun the "npm install gsap". Done. 

     

    If you do end up signing up for Club GreenSock and run into any trouble, I'd encourage you to follow the instructions at this blog post: https://blog.privjs.com/article/how-to-install-club-greensock-packages-on-vercel

     

    But the fundamental problem here seems to be that your token doesn't have access to the "business" level benefits because you're not a "business" member. 

     

    Does that help at all? 

    Hi Jack , 

     

    Thanks for your response, I am sorry I am absolutely new to this. I registered to get the Module Installation Token but didn't sign up for Club Greensock as payment is required for $99 per year? I'm sorry, I'm confused too. Correct me if I'm wrong. Do I need to purchase anything in order for me to get the library? Thanks

     

    I was successfully deleted the packages list "gsap" and "gsap-trial" however, when I reinstall the "npm install gsap"   ... this what I received

     

    npm ERR! code E403
    npm ERR! 403 403 Forbidden - GET https://npm.greensock.com/gsap - bad authorization header. Please login again
    npm ERR! 403 In most cases, you or one of your dependencies are requesting
    npm ERR! 403 a package version that is forbidden by your security policy, or
    npm ERR! 403 on a server you do not have access to.

    npm ERR! A complete log of this run can be found in:
    npm ERR!     /Users/myusername/.npm/_logs/2022-05-29T03_04_43_126Z-debug.log

     

     

    Thanks, I appreciate your assistance

  4. I tried the following command below however, it didn't work.  

     

     

    1. Add a file names .npmrc to the project root with the following contents in it:
    always-auth=true
    @gsap:registry=https://npm.greensock.com/
    //npm.greensock.com/:_authToken=${PRIVJS_TOKEN}
    save-exact=true
    1. Install the package using the following command:
    $ yarn add @gsap/shockingly gsap@npm:@gsap/shockingly

     

    I also tried this below:  not successful

     

    $ npm config set @gsap:registry https://npm.greensock.com/
    $ npm config set //npm.greensock.com/:_authToken <your-auth-token>
    $ npm install @gsap/business
    $ npm install gsap@npm:@gsap/business

     

    I have been struggling for a few days now, and badly need help. I am very new to this, thank you!

    Screen Shot 2022-05-27 at 3.35.54 PM.png

    • Like 1
  5. 18 hours ago, Prasanna said:

     

    You can edit it by running: `nano ~/.npmrc`

    Thanks,

     

    but I am still experiencing error 😢

     

    npm ERR! code E403
    npm ERR! 403 403 Forbidden - GET https://npm.greensock.com/@gsap%2fbusiness - bad authorization header. Please login again
    npm ERR! 403 In most cases, you or one of your dependencies are requesting
    npm ERR! 403 a package version that is forbidden by your security policy, or
    npm ERR! 403 on a server you do not have access to.

    npm ERR! A complete log of this run can be found in:
    npm ERR!     /Users/myfoldername/.npm/_logs/2022-05-28T22_55_08_444Z-debug.log

×
×
  • Create New...