Encountering npm3 installation errors with typyings in Angular 2?

Each time I try to sudo npm install Angular 2 modules, everything updates and installs correctly. However, I encounter the following error when the typings install is attempted:

<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0968676e7c65687b3b24606724646c64667b70247e6c6b246879604939273927383b">[email protected]</a> requires a peer of @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c0a3afb2a580f2eef0eef0edb2a3eef2">[email protected]</a> but none was installed.
npm WARN <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1b7a757c6e777a692936727536767e76746962366c7e79367a6b725b2b352b352a29">[email protected]</a> requires a peer of @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a524e4e4a7a08140a140a1748591408">[email protected]</a> but none was installed.
npm WARN <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a2c3cc90fdd0cdd7d6c7d1e2938c928c92">[email protected]</a> No description
npm WARN <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80e1eeb2dff2eff5f4e5f3c0b1aeb0aeb0">[email protected]</a> No repository field.
npm ERR! Darwin 15.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.4.5
npm ERR! npm  v3.10.4
npm ERR! code ELIFECYCLE
npm ERR! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="90f1fea2cfe2ffe5e4f5e3d0a1bea0bea0">[email protected]</a> postinstall: `typings install`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e1808fd3be938e94958492a1d0cfd1cfd1">[email protected]</a> postinstall script 'typings install'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the an2_routes package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     typings install
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs an2_routes
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls an2_routes
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/matthewatwell/Development/webDev/An2_routes/npm-debug.log

I have globally installed npm and typings with elevated permissions.

Package.json

{
  "name": "an2_routes",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "license": "ISC",
  "dependencies": {
    "@angular/common":  "2.0.0-rc.3",
    "@angular/compiler":  "2.0.0-rc.3",
    "@angular/core":  "2.0.0-rc.3",
    "@angular/forms": "0.1.1",
    "@angular/http":  "2.0.0-rc.3",
    "@angular/platform-browser":  "2.0.0-rc.3",
    "@angular/platform-browser-dynamic":  "2.0.0-rc.3",
    "@angular/router":  "3.0.0-alpha.7",
    "@angular/router-deprecated":  "2.0.0-rc.2",
    "@angular/upgrade":  "2.0.0-rc.3",
    "systemjs": "0.19.27",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12",
    "angular2-in-memory-web-api": "0.0.12",
    "bootstrap": "^3.3.6"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",
    "typescript": "^1.8.10",
    "typings":"^1.0.4"
  }
}

typings.json

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160621231320"
  }
}
typescriptangularnpmtypescript-typings

Answer №1

The solution to my problem was found in the following thread

Fix for Angular2 QuickStart npm start not working correctly

"After changing the package.json file from "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" " to "start": "concurrently \"npm run tsc:w\" \"npm run lite\" ", my issue was resolved."

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

Is there a way to determine which version of ESLint is currently running on Visual Studio 2019?

While attempting to run ESLint on Visual Studio 2019, everything goes smoothly until I add eslint-plugin-prettier to my package.json file. At that point, an error arises. internal-error | (ESLint) Failed to load plugin prettier: Cannot find module &apos ...

npmeslintvisual-studio-2019prettier

The object in an Angular 11 REACTIVE FORM may be null

I am looking to incorporate a reactive form validation system in my application, and I want to display error messages based on the specific error. However, I am encountering an error that says: object is possibly 'null'. signup.component.html &l ...

angulartypescript

Conflicting Dependencies in NPM Next When Using React Package

I'm facing an issue regarding a React / React-DOM package dependency conflict that I can't seem to resolve despite looking at solutions provided elsewhere. Whenever I try to install/update a dependency or deploy my Next.js app to Vercel, I encou ...

node.jsreactjsnpmnext.js

Is it true that npm recognizes the latest prerelease versions following semantic versioning rules?

Within my application, users initiate the installation of dependencies by executing npm install, which is a common practice. However, there is one particular package that undergoes frequent changes. In order to avoid ending up with excessively long versio ...

node.jsnpmsemantic-versioning

Enhancing React Flow to provide updated selection and hover functionality

After diving into react flow, I found it to be quite user-friendly. However, I've hit a roadblock while attempting to update the styles of a selected node. My current workaround involves using useState to modify the style object for a specific Id. Is ...

javascriptcssreactjstypescript

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

Having Trouble with React, TypeScript, and MUI Tabs? Dealing with Overload Errors?

Currently, I'm in the process of building a component using MUI Tabs. Here's a snippet of my code: <Box> <Tabs value={value} onChange={handleChange} variant='fullWidth'> {RoomTabs.map((tab, index) => ( ...

reactjstypescriptmaterial-uitabs

When we mention TypeScript and CDK, we are actually talking about the very foundation

As I was working on my current Stack constructor, I came across the Stack.formatArn() method. I started to wonder about the difference between using this.formatArn() and cdk.Stack.of(this).formatArn(). After all, shouldn't "this" refer to the stack it ...

typescriptamazon-web-servicesconstructoraws-cdk

What prevents TypeScript from automatically inferring tuple return types in RxJs streams?

When composing an observable stream, the map function infer is a union instead of a tuple. For instance: import { Component } from '@angular/core'; import { from } from 'rxjs'; import { map, tap } from 'rxjs/operators'; expo ...

angulartypescriptgenericstypesrxjs

Problem with selecting dates in rangepicker

Having trouble with my recursion code for selecting dates in a rangepicker: recurse( () => cy.get('.mantine-DatePicker-yearsListCell').invoke('text'), (n) => { if (!n.includes(year)) { //if year not f ...

typescriptcypresscypress-recurse

Pass predefined variables in Azure DevOps as parameters

Currently, I am utilizing an NPM run task within Azure Devops Pipelines. My goal is to incorporate an Azure Predefined Variable into my package.json. For example: npm run cypresstask This will allow me to subsequently utilize it as a parameter for ' ...

npmazure-devopscypress

How to reveal hidden Div element at a specific index with Angular Material table

In my mat-table, there are several functionalities available: 1. The ability to add or remove rows 2. Adding data into a row using different controls such as combo-boxes, text boxes, etc. One of the controls is a text box labeled "Additional Information ...

htmlangulartypescriptangular-material

Is there a way to check for keys in a TypeScript object that I am not familiar with?

I have a good understanding of the unknown type in TypeScript. I am dealing with untrusted input that is typed as unknown, and my goal is to verify if it contains a truthy value under the key input.things.0. function checkGreatness(input: unknown) { retu ...

typescript

Verify if the keys are present within the object and also confirm if they contain a value

How can we verify keys and compare them to the data object? If one or more keys from the keys array do not exist in the object data, or if a key exists but its value is empty, null, or undefined, then return false; otherwise, return true. For example, if ...

javascripttypescript

I find myself struggling to manage my javascript dependencies

Currently, I am utilizing NPM along with various angular packages. As per the tutorial on Basic Grid Part 1 at this link, I am encountering challenges. This is my file directory structure: D:/nodeStuff/uiGrid includes: node_modules uigrid.css uigrid.h ...

javascripthtmlcssangularjsnpm

Strategies for extracting the type argument from a nested property and transforming it into a different value

I’m struggling to find the right way to frame my question, so I’ll provide an example of what I need help with. Let's assume I have the following object: const obj = { one: 'some string', two: new Set<string>(), }; Now, I wan ...

typescripttypescript2.8conditional-types

Encountering an error message in Ionic/Angular: "No routes found that match the URL

Encountering an issue when trying to open the detailed view from a component within my list. Currently using Ionic 4. ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'algodetail' Many discussions on this error ...

angularionic-frameworkroutesionic4

Personalized data type for the Request interface in express.js

I'm attempting to modify the type of query in Express.js Request namespace. I have already tried using a custom attribute, but it seems that this approach does not work if the attribute is already declared in @types (it only works for new attributes a ...

node.jstypescriptexpress

Guide on linking action observables to emit values in sync before emitting a final value

If you're familiar with Redux-Observable, I have a method that accepts an observable as input and returns another observable with the following type signature: function (action$: Observable<Action>): Observable<Action>; When this method r ...

reactjstypescriptrxjsobservableredux-observable

Receiving identical data in various smart components

Seeking recommendations on simplifying code that requires subscribing to the same data in multiple Angular smart components. For instance, consider this repetitive code: public item: Item | undefined; public ngOnInit(): void { this.items$.subscribe(a ...

angular