What is the best method to completely uninstall Apollo-Angular along with all of its dependencies?

Once I added apollo-angular and @apollo/client to my project, I quickly realized that I no longer needed them. However, simply using "npm uninstall apollo-angular" and "npm uninstall @apollo/client" only removed the main folders but left behind other Apollo related files.

Even attempting to uninstall all the remaining Apollo folders in node_modules, such as apollo-cache, apollo-client, apollo-link, apollo-utilites, among others, had no effect.

I also tried manually deleting the folders, but encountered authorization issues and knew this was not the correct approach.

angulartypescriptnpmapollo-angular

Answer №1

Here's my suggestion:

Delete the node_modules directory
Remove package-lock.json (or yarn.lock if using yarn)
Install dependencies with npm (or yarn)

The issue could be related to nested dependencies. Starting fresh should resolve it.

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 terminate the execution from within a promise in a Node.js environment?

Currently experimenting with a command line NPM application. It's just 12 lines long and I've hit a roadblock. After I enter my promise, the app keeps running instead of allowing me to type in the command line again (unless I use cmd+C). Not sure ...

node.jsmongodbnpm

Encountering an issue with Heroku and Node version 0.10.29: Unable to update environment variables in

To enable the use of a private package registry with my Heroku-deployed node apps, I have been incorporating the following .npmrc file within my projects: _auth = ${NPM_AUTH} always-auth = true registry = https://myprivateregistry.com/ The hash of the na ...

node.jsherokunpm

React components need to refresh after fetching data from an API

I am currently working on a React application using TypeScript and integrating JSONPlaceholder for simulating API calls. I have successfully set up everything I need, but I am encountering an issue with re-rendering components that display response data fr ...

javascriptreactjstypescript

What is the hierarchy of fields in package.json?

After submitting a pull request to a repository to include a typings field in the package.json file, the maintainer suggested the following modification: - "typings": "./src/index.d.ts", - "main": "./src/index.js" ...

javascriptnode.jsnpmpackage.json

What are some methods for altering ReadOnly values?

I am encountering an issue with the value fetchOptions: Readonly<HttpFetchOptionsWithPath> and my attempt to overwrite one of its properties. Here is the method I have tried: ((fetchOptions as Writable<HttpFetchOptionsWithPath>).headers as Wr ...

javascripttypescript

By default, Angular 6 now imports RxJS 6 operators seamlessly into its files

My Angular application extensively uses various RxJS 6 operators like filter, take, and takeUntil in almost all files. Importing these operators explicitly in every file is quite cumbersome. I wish there was a way to make them globally accessible. Imagine ...

angularrxjs6

Angular to ExpressJS Backend Communication Leads to Unexpected Body Formatting Issues

For the purpose of learning Angular as a frontend and using Express as the backend, I am working on a simple todo list application. The database is managed with Sequelize. When attempting to add a user by posting to the node backend, the resulting object f ...

node.jsangularexpress

Leveraging font-awesome in React.js

Looking for some guidance in incorporating font-awesome into my React JS project. Following the installation of Node.js and npm, I have successfully added the necessary packages: $ npm i --save @fortawesome/fontawesome-svg-core $ npm i --save @fortawesome/ ...

reactjsnpmfont-awesome

Is it possible to downgrade the AngularCLI version from 1.0.0-beta.30 to 1.0.0-beta.26 on a global scale?

Following the execution of the commands below: npm uninstall -g angular-cli @angular/cli npm cache clean npm install -g <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2849464f5d44495a054b4441681906180618054a4d5c49061a1e">[e ...

angularangular-cli

After installing the necessary modules, NextJS still refuses to run on MacOS

Just recently, I set up a new project with NextJS using create-next-app and everything went smoothly as expected. After that, I performed npm i to ensure all the modules were installed into the node_modules directory. However, when I attempt to run npm ru ...

node.jsreactjsnpmnext.jsnode-modules

What is the importance of adding the ".js" extension when importing a custom module in Typescript?

This is a basic test involving async/await, where I have created a module with a simple class to handle delays mymodule.ts: export class foo { public async delay(t: number) { console.log("returning promise"); ...

typescriptmodule

What is the approach taken by this component to display its child elements?

While delving into the code of react-accessible-accordion, I found myself puzzled by the way it handles rendering its children. The snippet below is from Accordion.tsx: export default class Accordion extends React.Component<AccordionProps> { // ...

reactjstypescript

Having trouble installing PhantomJS - Could it be a problem with Bitbucket?

Having trouble installing phantomjs? Is there an issue with bitbucket causing the error? $ sudo npm install -g phantomjs ... > <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cfbfa7aea1bba0a2a5bc8ffee1f6e1f8e2f9">[email ...

node.jsnpmphantomjs

Enhancing JSON Formatting with Angular 4 and Typescript

In the process of developing my Angular 4 application, I am interfacing with a REST API through JSON requests. As I work on creating JSON objects to send via POST requests, I find myself putting in quite a bit of manual effort to construct them... I KNOW ...

jsonangularresttypescript

Mastering the Art of Concise Writing: Tips to

Is there a way to write more concisely, maybe even in a single line? this.xxx = smt.filter(item => item.Id === this.smtStatus.ONE); this.yyy = smt.filter(item => item.Id === this.smtStatus.TWO); this.zzz = smt.filter(item => item.Id == ...

javascriptarraystypescriptfilter

Emit Observables within deeply nested callback functions

Hey there! I'm currently working on a web app using Angular2/4 and I've encountered an issue with Observables. My goal is to call a function within a component and then have some code executed once that function completes. Here's the releva ...

javascriptangularobservable

Posting data from an Angular 2 frontend to an Express server: A step-by-step

Seeking guidance as a beginner trying to understand the process of sending contact form data from Angular 2 to a Node/Express server. Currently, I have Angular 2 hosted on localhost:4200 and the express server running on localhost:3000. However, when attem ...

node.jsangularexpress

Incorporate directory for Node-gyp to enhance functionality

I need to deploy a node-js application on Heroku that relies on the npm package imagemagic-native. To ensure proper installation, I have updated the buildpack to include the installation of libmagick++-dev and export the necessary include path: export IN ...

node.jsgccnpmnode-gypgyp

How can I rectify the issue in TypeScript where the error "not all code paths return a value" occurs?

While developing an application, I encountered an error that says: "not all code paths return a value". The error is specifically in the function named addValues, indicating that the function must return "Obj[] | undefined". Here is the code snippet in qu ...

typescript

Challenges with Installing Packages Using npm Command

Every time I attempt to install node_modules using the command npm i or npm install, I encounter the following error messages: npm ERR! network If you are behind a proxy, please ensure that the 'proxy' config is properly set. See: 'npm help ...

reactjsnpm