ng serve issue persists even after resolving vulnerabilities

Can anyone assist me in resolving why I am unable to start my project after fixing 3 high vulnerabilities? I ran npm audit to identify the vulnerabilities and then used 

npm install --save-dev @angular/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e3d32371e6f6b706c706f">[email protected]</a>
to address them. However, when I try ng serve, nothing happens. So, I attempted to run npm start instead and encountered the following errors:

npm ERR! code ELIFECYCLE
npm ERR! errno 3
npm ERR! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d1b0b3b291e1ffe1ffe1">[email protected]</a> start: `ng serve`
npm ERR! Exit status 3
npm ERR!
npm ERR! Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f5949796b5c5dbc5dbc5">[email protected]</a> start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\user\AppData\Roaming\npm-cache\_logs\2023-03-07T17_32_14_773Z-debug.log

This information is available in the log.

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'start'
1 verbose cli ]
2 info using <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="711f011c31475f40455f4046">[email protected]</a>
3 info using <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2b45444f4e6b5d1a1f05191b051a">[email protected]</a>
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6f0e0d0c2f5f415f415f">[email protected]</a>~prestart: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b6d7d4d5f68698869886">[email protected]</a>
...
... (remaining content omitted for brevity)
...
19 verbose npm  v6.14.17
20 error code ELIFECYCLE
21 error errno 3
22 error <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a9c8cbcae99987998799">[email protected]</a> start: `ng serve`
22 error Exit status 3
23 error Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4b2a29280b7b657b657b">[email protected]</a> start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 3, true ]

Shown below is the current structure of package.json:

{
  "name": "abc",
  "version": "0.0.0",
  "scripts": {
    ...
    ... (scripts content omitted for brevity)
    ...
  },
  "private": true,
  "dependencies": {
    ...
    ... (dependencies list omitted for brevity)
    ...
  },
  "devDependencies": {
    ...
    ... (devDependencies list omitted for brevity)
    ...
  }
}

I have attempted deleting node_modules and package-lock.json followed by running npm install but the issue persists.

javascriptangulartypescriptnpm

Answer №1

The packages you have recently installed seem to be causing compatibility issues. To ensure smooth functioning, Angular requires all package versions to be compatible with each other. The discord between the packages you have installed is likely due to version mismatch.

You can resolve this issue by referring to this link. Make sure to align your package versions properly before running the npm start or ng serve command.

It is recommended to follow Angular's recommendations and update your project's package versions accordingly for optimal performance.

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

With TypeScript, you have the flexibility to specify any data type in the generic types when using the axios.get method

axios.get('/api') When working with TypeScript as shown above, it is important to designate types for better clarity. This allows us to reference the type definition of axios, like so: (method) AxiosInstance.get<any, AxiosResponse<any> ...

javascripttypescriptaxiostypescript-generics

Is there a way to remove the initial word from a sentence?

Tue 26-Jul-2011 Looking to remove the initial word "Mon" using javascript with jQuery. Any suggestions on accomplishing this task? ...

javascriptjquery

Obtaining the desired element from a function without relying on an event

Recently, I've been working on a sidebar with several links <sidebar-link href="/dashboard" icon="HomeIcon" :is-active="isActive()" /> <sidebar-link href="/test" icon="TestIcon" :is-active=&qu ...

javascriptvue.jsvuejs2

Implementing Next.js in a live production environment

I've been using next.js for some time now, but I'm still trying to wrap my head around how it operates in a production environment. As far as I understand it, when a request is made to the server, the server retrieves the requested page from the ...

javascriptreactjswebpacknext.js

Solution: "The Mongoose Model.find method consistently provides an empty result set."

Currently, I am utilizing mongoose in combination with next.js to interact with an existing collection. Despite the collection not being empty, the mongoose model.find() function consistently returns an empty array. Below is my model code: const mongoose ...

javascriptnode.jsmongodbmongoosenext.js

The performance of my Angular app is top-notch, but I'm having some trouble with ng

Issues with Loading Controllers in My App After deploying and running my app in a browser, I encountered an issue with loading controllers. While I can reach all the controllers/services successfully, one particular controller is not loading properly. To ...

javascriptangularjsunit-testingangularjs-ngmock

Why does the control skip the onreadystatechange function for the ajax object?

Just beginning my journey into web-development. Recently, I encountered an issue with a signup page I created that involves asynchronous calls to php. Upon debugging, I noticed that the onreadystatechange function is being completely skipped over. Any assi ...

javascriptphpjqueryajax

How can data be transmitted to the client using node.js?

I'm curious about how to transfer data from a node.js server to a client. Here is an example of some node.js code - var http = require('http'); var data = "data to send to client"; var server = http.createServer(function (request, respon ...

javascriptajaxnode.js

Implement Cross-Origin Resource Sharing in Angular frontend

I am facing an issue with two microfrontends running on different ports (4200 and 4201) where one frontend is unable to access the translation files of the other due to CORS restrictions. To overcome this obstacle, I created a custom loader in my code that ...

javascriptangulartypescripthttpcors

Using jQuery, retrieve the "select" element within a specific row of a

I am working on a table row that has the following HTML structure: When the user interacts with the "Name" field, I trigger the "select" event and pass it to the nameDropChanged function. Once I have a reference to this select element, I need to change th ...

javascriptjqueryhtmljquery-selectors

Customize button appearance within mat-menu in Angular versions 2 and above

Is there a way to style my mat-menu to function similar to a modal dialog? I am having difficulty with the styling aspect and need advice on how to move the save and reset buttons to the right while creating space between them. I have attempted to apply st ...

cssangularangular-materialstyles

What is the maximum amount of information that can be stored in a data attribute within the DOM?

Occasionally, I find myself wanting to include a substantial amount of data on the webpage in order to minimize additional AJAX calls for dynamic content. However, I am concerned about potential performance implications. Is there a penalty I should be aw ...

javascripthtmldombrowser

Angular 17 isn't notifying child component of signal changes

In the statistics module, I have a signal that specifies the type of charts to display and this signal is updated through a radio button group. The signal: typeSignal = signal<string>('OIA') The radio buttons for setting the : <div clas ...

angulartypescriptangular17

Leverage a node script to initiate a child process, obtain the output from the child process, and terminate the child

I want to create a node script named myScript.js that initiates a child process npm start, saves the output of npm start in a global variable let myVar, and ensures that if the main program myScript.js is terminated for any reason, the child process is als ...

node.jsnpmstdoutchild-process

The Nestje subscription is encountering a NULL value and displaying an error message stating: "Non-nullable field Subscription cannot be returned as null."

I attempted to implement a Subscription in my nestjs project with GraphQL, but encountered the following error message: Cannot return null for non-nullable field Subscription Below is the code snippet: //* ~~~~~~~~~~~~~~~~~~~ Subscription ~~~~~~~~~~~ ...

typescriptgraphqlnestjsapollo-server

Create a left-aligned div that spans the entire width of the screen, adjusting its width based on the screen size and positioning it slightly

I have a parent container with two child elements inside. I want the first child to align to the left side and the second child to align to the right side, but not starting from the exact center point. They should be positioned slightly off-center by -100p ...

javascriptcssreactjsmaterial-uijsx

Submit the form without displaying any output in the browser, not even in the view source code

I have a basic form that needs to be submitted multiple times, but I want the submission process to be hidden from the browser. Simply using "hidden" or "display:none" won't completely hide the form code when viewing the page source. I tried using PHP ...

javascriptphpjqueryhtml

Exploring the combination of Holder.js and Rails routes

What's the best way to integrate Holder.js into my Rails application? I'm running into issues where Rails is interpreting the parameters passed to the script as routes and returning 404 errors. Has anyone successfully implemented this before? ...

javascriptruby-on-rails-3asset-pipeline

Having difficulty utilizing the $.each() function to assign properties to an object

I have an object called habits that contains some values. var habits={ "Drinking":"No", "Smoking":"No" } I want to add the values from this variable into another variable in the following format: var NewHabits = new Object(); Ne ...

javascriptjquery

The map function appears to be malfunctioning or there may be an issue with the retrieved data

Encountering an error message that says "Cannot read properties of undefined (reading 'map')" while attempting to render a list. Below is the code snippet, seeking assistance. import React, { Component } from 'react' // import axios fro ...

javascriptnode.jsreactjsexpress