Angular NES Configuration

Step-by-step guide for configuring and installing the Angular Never‑Ending Support (NES) version, including troubleshooting steps and minimum requirements.

Minimum Requirements

Please review our Minimum Requirements to ensure a smooth installation. Then follow 3 easy steps:

  1. Update your package.json
  2. Create or update your .npmrc file
  3. Install & Run!

Detailed Instructions

Update Your package.json

Substitute the @angular/* references in your package.json with the corresponding NES version. Please refer to the Angular NES Package List to find the matching version.

For example, this is how to install all Angular NES v18 packages:

package.json
{
"dependencies": {
  "@angular/animations": "npm:@neverendingsupport/angular-animations@18.2.13-angular-18.2.14",
  "@angular/common": "npm:@neverendingsupport/angular-common@18.2.13-angular-18.2.14",
  "@angular/compiler": "npm:@neverendingsupport/angular-compiler@18.2.13-angular-18.2.14",
  "@angular/core": "npm:@neverendingsupport/angular-core@18.2.13-angular-18.2.14",
  "@angular/elements": "npm:@neverendingsupport/angular-elements@18.2.13-angular-18.2.14",
  "@angular/forms": "npm:@neverendingsupport/angular-forms@18.2.13-angular-18.2.14",
  "@angular/localize": "npm:@neverendingsupport/angular-localize@18.2.13-angular-18.2.14",
  "@angular/platform-browser": "npm:@neverendingsupport/angular-platform-browser@18.2.13-angular-18.2.14",
  "@angular/platform-browser-dynamic": "npm:@neverendingsupport/angular-platform-browser-dynamic@18.2.13-angular-18.2.14",
  "@angular/platform-server": "npm:@neverendingsupport/angular-platform-server@18.2.13-angular-18.2.14",
  "@angular/router": "npm:@neverendingsupport/angular-router@18.2.13-angular-18.2.14",
  "@angular/service-worker": "npm:@neverendingsupport/angular-service-worker@18.2.13-angular-18.2.14",
  "@angular/upgrade": "npm:@neverendingsupport/angular-upgrade@18.2.13-angular-18.2.14"
},
"devDependencies": {
  "@angular/compiler-cli": "npm:@neverendingsupport/angular-compiler-cli@18.2.13-angular-18.2.14",
  "@angular/language-service": "npm:@neverendingsupport/angular-language-service@18.2.13-angular-18.2.14"
},
"overrides": {
  "@angular/animations": { ".": "npm:@neverendingsupport/angular-animations@18.2.13-angular-18.2.14" },
  "@angular/common": { ".": "npm:@neverendingsupport/angular-common@18.2.13-angular-18.2.14" },
  "@angular/compiler": { ".": "npm:@neverendingsupport/angular-compiler@18.2.13-angular-18.2.14" },
  "@angular/compiler-cli": { ".": "npm:@neverendingsupport/angular-compiler-cli@18.2.13-angular-18.2.14" },
  "@angular/core": { ".": "npm:@neverendingsupport/angular-core@18.2.13-angular-18.2.14" },
  "@angular/elements": { ".": "npm:@neverendingsupport/angular-elements@18.2.13-angular-18.2.14" },
  "@angular/forms": { ".": "npm:@neverendingsupport/angular-forms@18.2.13-angular-18.2.14" },
  "@angular/language-service": { ".": "npm:@neverendingsupport/angular-language-service@18.2.13-angular-18.2.14" },
  "@angular/localize": { ".": "npm:@neverendingsupport/angular-localize@18.2.13-angular-18.2.14" },
  "@angular/platform-browser": { ".": "npm:@neverendingsupport/angular-platform-browser@18.2.13-angular-18.2.14" },
  "@angular/platform-browser-dynamic": { ".": "npm:@neverendingsupport/angular-platform-browser-dynamic@18.2.13-angular-18.2.14" },
  "@angular/platform-server": { ".": "npm:@neverendingsupport/angular-platform-server@18.2.13-angular-18.2.14" },
  "@angular/router": { ".": "npm:@neverendingsupport/angular-router@18.2.13-angular-18.2.14" },
  "@angular/service-worker": { ".": "npm:@neverendingsupport/angular-service-worker@18.2.13-angular-18.2.14" },
  "@angular/upgrade": { ".": "npm:@neverendingsupport/angular-upgrade@18.2.13-angular-18.2.14" }
}
}

Angular Tools for Angular v9-12

If you are using Angular v9, v10, v11, or v12, include our angular-tools library in your package.json:

package.json
{
  "scripts": {
    "postinstall": "npx ngnes",
    // ...etc.
  },
  "devDependencies": {
    "@neverendingsupport/angular-tools": "1.1.4",
    // ...etc.
  }
}

The @neverendingsupport/angular-tools package has tools required for successfully installing and operating Never‑Ending Support in these versions of Angular.

Create The .npmrc

.npmrc
@neverendingsupport:registry=https://registry.nes.herodevs.com/npm/pkg/
//registry.nes.herodevs.com/npm/pkg/:_authToken=<NES_ACCESS_TOKEN>

Install your dependencies

Install your dependencies, then build and run the service:

npm install
npx ng serve

And just like that, you're up and running with the Angular NES! ::

Direct Download URLs

All of our Angular packages can be accessed via direct download URLs. More information on how to access the direct downloads can be seen here.

The download URLs for Angular NES follow the pattern of:

For example, the direct download URLs for Angular NES v18 are:

PackageURL
@angular/animations
18.2.13-angular-18.2.14
Download
@angular/common
18.2.13-angular-18.2.14
Download
@angular/compiler
18.2.13-angular-18.2.14
Download
@angular/compiler-cli
18.2.13-angular-18.2.14
Download
@angular/core
18.2.13-angular-18.2.14
Download
@angular/elements
18.2.13-angular-18.2.14
Download
@angular/forms
18.2.13-angular-18.2.14
Download
@angular/language-service
18.2.13-angular-18.2.14
Download
@angular/localize
18.2.13-angular-18.2.14
Download
@angular/platform-browser
18.2.13-angular-18.2.14
Download
@angular/platform-browser-dynamic
18.2.13-angular-18.2.14
Download
@angular/platform-server
18.2.13-angular-18.2.14
Download
@angular/router
18.2.13-angular-18.2.14
Download
@angular/service-worker
18.2.13-angular-18.2.14
Download
@angular/upgrade
18.2.13-angular-18.2.14
Download

Troubleshooting

If your NPM install fails, you're not seeing your packages replaced, or are encountering any other issues, please reach out to support@herodevs.com with the following:

  1. The relevant sections of your package.json (applicable dependencies & overrides blocks).
  2. The version of Node.js and NPM you are using. You can gather them by running node -v and npm -v respectively.
  3. The last 6 characters of the NES Access Token being used.