404 Error when trying to npm install GSAP

[bfredtim]

This was working last week and I don't think anything has changed in my codebase to account for it. I have a Business Green license and have the token correctly added to my .npmrc file. But when I try to run "npm install gsap@npm:@gsap/business" I get the following error:

 

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@gsap%2fbusiness - Not found
npm ERR! 404
npm ERR! 404  '@gsap/business@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

 

This error has started happening on two sites that were working fine just a few days ago. Anyone else seeing this issue?

[GreenSock]

We haven't changed anything on our end. That error looks like your project is looking at the wrong registry (registry.npmjs.org instead of npm.greensock.com)

 

Maybe try to run these commands again?: 

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

Notice there's a space between _authToken and your actual unique token (which you get from your account dashboard)

 

Maybe you need to clear any cache too? Perhaps delete any .lock files? I'm grasping at straws here a bit

 

Thanks for being a Club GreenSock member!

[bfredtim]

Weird, I don't know where that registry was coming from. Found no reference to it in my files. Anyway, I ran the commands you suggested again and either that fixed it or the gremlins just got tired of messing with me. Either way, it's working again. Thanks Jack!

[ZachSaucier]

2 hours ago, bfredtim said:

I don't know where that registry was coming from. Found no reference to it in my files.

I believe it's the default one.

[Martagnan]

This just happened to me and this post helped.  Maybe add those first two steps to the instructions?

 

[thefa]

How to add these command via Devops npm task?

[Rodrigo]

Hi @thefa and welcome to the GreenSock forums!

 

Thanks for being a Club GreenSock and supporting GreenSock!

 

I'm not familiar at all with npm task. What particular setup/pipeline are you using? Digital Ocean, AWS, Azure, something else? That particular extra info can be really helpful in order to nudge you in the right direction.

 

Happy Tweening!

[thefa]

Hi Team, Thank you for your response. We are using Azure pipline. 

[Rodrigo]

Hi,

 

Unfortunately I have no experience with Azure, but I'll ping @Prasanna in order to provide you an answer ASAP.

 

Please stand by.

Happy Tweening!

[Prasanna]

Hello @thefa, Adding a .npmrc file to your project should solve the problem.

 

Steps:
1. Add a new file `.npmrc` in your project root

2. Add the following content in the `.npmrc` file:

```

@gsap:registry=https://npm.greensock.com
//npm.greensock.com/:_authToken=xxxx-yyyy-zzzz

```

3. Replace `xxxx-yyyy-zzzz` with your access token

 

Pro tip: You can also store the token as env variables

 

[nolafs]

Is not working for me. 

 

always-auth=true
//npm.greensock.com/:_authToken=${NPM_GREENSOCK_AUTH_TOKEN}
@gsap:registry=https://npm.greensock.com/

 

error Error: https://registry.yarnpkg.com/@gsap%2fbusiness: Not found
    at params.callback [as _callback] (/Users/olafsiebert/.nvm/versions/node/v20.10.0/lib/node_modules/yarn/lib/cli.js:66680:18)
    at self.callback (/Users/olafsiebert/.nvm/versions/node/v20.10.0/lib/node_modules/yarn/lib/cli.js:141410:22)
    at Request.emit (node:events:514:28)
    at Request.<anonymous> (/Users/olafsiebert/.nvm/versions/node/v20.10.0/lib/node_modules/yarn/lib/cli.js:142382:10)
    at Request.emit (node:events:514:28)
    at IncomingMessage.<anonymous> (/Users/olafsiebert/.nvm/versions/node/v20.10.0/lib/node_modules/yarn/lib/cli.js:142304:12)
    at Object.onceWrapper (node:events:628:28)
    at IncomingMessage.emit (node:events:526:35)
    at endReadableNT (node:internal/streams/readable:1589:12)
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
 

[GreenSock]

@nolafs I'm not a yarn expert, but that error definitely indicates that your system is looking at the WRONG repository URL. It's trying to pull the package from https://registry.yarnpkg.com/ instead of https://npm.greensock.com. You'll need to correct that. Did you make sure you have a .yarnrc file with the proper information from the installation page? I assume you're using Yarn because of that URL your system is looking at. 

[Cassie]

Hi there - Are you using Yarn Berry? If so, you may need to use a yarnrc.yml with the following info in - 
 

unsafeHttpWhitelist:
  - "npm.greensock.com"

npmScopes:
  gsap:
    npmRegistryServer: "https://npm.greensock.com"
    npmAuthToken: <YOUR TOKEN>

 

[aboutsam]

Does not work.

 

always-auth=true
@gsap:registry=https://npm.greensock.com
//npm.greensock.com/:_authToken=${TOKEN}

 

48 verbose node v16.10.0
49 verbose npm  v7.24.0
50 error code E404
51 error 404 Not Found - GET https://npm.greensock.com/@gsap%2fCLUB-LEVEL - no such package available
52 error 404
53 error 404 '@gsap/CLUB-LEVEL@latest' is not in this registry.
54 error 404 This package name is not valid, because
55 error 404 1. name can no longer contain capital letters
56 error 404 Note that you can also install from a
57 error 404 tarball, folder, http url, or git url.
58 verbose exit 1

[Rodrigo]

Hi @weristsam,

 

It seems that our page is not processing the right information related to your account 🤔

 

For what I can see you are a Business GSAP member, right?

 

The install command you're getting from the installation page is just an example where the package name should be replaced with your particular tier.

 

You can use either of the following commands:

npm install gsap@npm:@gsap/shockingly

npm install gsap@npm:@gsap/business

Since you are in the business tier you can use the latter.

 

Let us know how this works.

 

Happy Tweening!

[aboutsam]

Hello @Rodrigo, 

that makes sense! I tested your command:

npm ERR! code E403
npm ERR! 403 403 Forbidden - GET https://npm.greensock.com/@gsap%2fbusiness - you don't have access to this package: @gsap/business
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/sam/.npm/_logs/2024-10-18T10_51_47_945Z-debug.log

When I look at Nolaf's user badge, it says "Business" under his picture, but for me, it only says "Member." Could it be that I’m incorrectly stored in the system?