A step-by-step guide on installing an npm package from the GitHub registry

Uncertain of the process for installing a package from the GitHub registry that relies on dependencies from the public npm registry.

Attempted solution:

npm_config_registry=https://npm.pkg.github.com npx @octopol/development

This method failed due to some dependencies being located on the public npm registry:

npm ERR! code E404
npm ERR! 404 Not Found - GET https://npm.pkg.github.com/@era-ci%2futils - npm package "utils" does not exist under owner "era-ci"
npm ERR! 404
npm ERR! 404  '@era-ci/utils@^2.0.27' is not in this 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.

Puzzled by the usage of the github-npm-registry among customers. What crucial detail am I overlooking?

javascriptgithubnpmnpxnpm-registry

Answer №1

If you're using a one-liner, be aware that it will overwrite the registry settings for all packages. To specify the GitHub registry for a specific package, create an .npmrc file with the following:

registry=https://registry.npmjs.org/

@octopol:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=<your auth token>
always-auth=true

You can get your authentication token from here.

For more information, refer to the documentation: here

If you encounter authentication issues without a token, check out this guide: here

An access token is required to publish, install, and delete private, internal, and public packages.

Credit goes to the original code snippet at this link

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

modify brand information through the use of javascript and customizable settings

In the default setting, I want all product details to be displayed. If the option value matches the product's brand name (b_name), then I want to display the corresponding details. Let's consider a list of products with their details: Samsung ...

javascripthtmlangularreactjs

Error encountered in Express Router middleware (`app.use() function must be provided with a middleware function`)

I've seen plenty of similar questions on this topic, but after reviewing them all, I still haven't found a solution. My current dilemma involves creating an app using Express Router, however I keep encountering the following error: app.use() re ...

javascriptnode.jsexpress

How to create a blinking effect for buttons in an Angular app with ng-if or ng-show

I've come across the same issue in two separate angular projects I've been involved with, but have not been able to find any discussion on this particular problem. This leads me to believe that there may be something I am overlooking. Let's ...

javascriptangularjsangularjs-scope

If there is a lack of text at the beginning, then insert the

I am currently trying to figure out a solution to automatically add our domain name if it is not included when entering the username. In the code snippet below for my form, I want the script to check if "domainname\" is present before the username. I ...

javascripthtmlforms

JS receiving a reference to an undefined variable from Flask

I referenced this helpful post on Stack Overflow to transfer data from Flask to a JS file. Flask: @app.route('/') def home(): content = "Hello" return render_template('index.html', content=content) HTML <head> ...

javascriptpythonhtmljqueryflask

What do you prefer: defining properties with the JSON object or with objectName.property in JavaScript

Can you tell me which approach is considered the best practice? Is it better to use the "this" statement in the following way: var obj = { x: 20, y: 10, width: this.x, height: this.y, render: function () { // renders object on canvas ctx.fi ...

javascriptjsoncanvas

the value of properrty becomes undefined upon loading

In my code, there exists an abstract class named DynamicGridClass, containing an optional property called showGlobalActions?: boolean?. This class serves as the blueprint for another component called MatDynamicGridComponent, which is a child component. Ins ...

javascriptangulartypescripttypesangular16

The script fails to function on elements contained within an infinite scrolling feature

I am facing an issue with my code after implementing infinite scroll. The like script seems to be broken as the page gets refreshed when I try to like a post. Here is the Like-btn script: <script> $(document).ready(function(){ ...

javascripthtmldjangoinfinite-scroll

Using the match.params.id in React: A step-by-step guide

Having some trouble with my React code. I need to display the product name based on its ID, where the product data is fetched from product.js. I am using a router to switch between different products without reloading the page. import product from './ ...

javascriptreactjsreact-router

Do we really need to create our own action creators in Redux Toolkit?

As I delve into implementing the redux toolkit in my react projects, I've come up with a structure for writing slices using redux-thunk to handle API requests. import { createSlice } from "@reduxjs/toolkit"; import axios from "axios&quo ...

javascriptreactjsreduxfrontendredux-toolkit

Unable to retrieve the string contained within an element - JavaScript object literal

I am currently facing an issue where I am attempting to retrieve the text content of two div elements with classes .class-date and .class-time, but I keep encountering an Uncaught TypeError stating "e.siblings is not a function". I believe this may be a ...

javascriptjquery

Is there a way to have a button function as a submit button for a form even when it is located in a separate component within a react application?

I am in the process of creating a user-friendly "My Account" page using react, where users can easily update their account information. I have divided my components into two sections: the navbar and the form itself. However, I am facing an issue with the s ...

javascriptcssreactjsformsvalidation

Utilizing Express Routes to specify React page components

Currently, as I delve into the world of learning Express.js, I find myself faced with a unique scenario involving 2 specific URLs: /security/1 /security/2 As per the requirements of these URLs, the expected response will vary. If the URL is "/securi ...

javascriptreactjsexpressroutes

Ensuring correct association of values to avoid redundancies

There are 5 fields available for users to fill out on this form: Leave Code, From Date, Input Time1, To Date, and Input Time2. These variables are declared as a dates object in the .ts file, as shown below. interface Supervisor { name: string; code: s ...

javascripthtmlangulartypescript

Strategies for Resolving Table Alignment Problems using HTML and JavaScript

I am struggling to figure out how this dashboard will function as it is not a live website, but rather a tool that pulls data from a chemical analysis program and displays it in a browser view. My main issue is aligning two tables at the top of the page ...

javascripthtml

Encountering "Unexpected token *" error when using Jest on an import statement

What could be the reason for Jest failing with the error message "Unexpected token *" when encountering a simple import statement? Error log: Admin@Admin-PC MINGW32 /d/project (master) $ npm run test > <a href="/cdn-cgi/l/email-protection" class="__ ...

javascripttypescriptjestjs

Unchecked checkbox displays as checked in UI

I am facing an issue with checking checkboxes using JavaScript. Even though the checkbox appears to be checked in the program, it does not reflect the updates on the user interface. If anyone has a solution for this, please share. <!DOCTYPE html> ...

javascriptjqueryhtmlcheckbox

Dealing with numerous entries in an HTML form using PHP

Currently, I am learning the basics of HTML, PHP, and Javascript. I recently worked on creating a user profile form that includes fields like Full Name, Email Id, and Mobile number. I also want to incorporate a section for "Hobbies/Interests" where users ...

javascriptphphtmlforms

What is the best way to cancel an interval set by a function within a functional component?

When using useEffect, it's easy to clear an interval like this: useEffect(() => { const interval = setInterval(some function, time); return () => clearInterval(interval) }) But what if I need to set an interval inside a function? Do I hav ...

javascriptreactjs

Instruct Node to install npm and impose the installation of a specific version of a dependency's dependency

Currently dealing with a subdependency issue that is causing problems specifically on node version 6.2.0. The root of the problem lies in an outdated subsubdependency. Simply updating the dependency reference in my package.json does not affect which depen ...

node.jsgitgithubnpmnpm-install