When attempting to install @vue/cli using npm install -g, an error occurred with code 'EACCES' and errno -13

Question

When attempting to install @vue/cli using npm install -g, an error occurred with code 'EACCES' and errno -13

Upon using the terminal, I encountered the following error: npm ERR! code EACCES npm ERR! syscall mkdir npm ERR! path /usr/local/lib/node_modules/@vue npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue' npm ERR! [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'] { npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'mkdir', npm ERR! path: '/usr/local/lib/node_modules/@vue' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It is likely you do not have the permissions to access this file as the current user npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/your username/.npm/_logs/2022-12-27T12_34_46_007Z-debug-0.log

Despite following npm install -g @vue/cli from the Vue documentation, I am unsure why it is not functioning as expected.

javascript vue.js

Answer 1

Answer №1

If you want to resolve the issue quickly, avoid taking the INCORRECT APPROACH:

sudo npm install -g @vue/cli

This method grants excessive access to scripts, potentially opening up vulnerabilities.

There are several solutions to address this problem:

Adjust permissions for the directory where npm packages are installed

The logs indicate a lack of access to /usr/local/lib/node_modules/@vue

To rectify this, execute the following command:

sudo chown -R $USER /usr/local/

Change the location for installing global npm packages

Use the following commands:

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
source ~/.profile

This approach is recommended in the npm documentation: https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally#manually-change-npms-default-directory

Opt for using nvm instead of the standard node installation

I personally recommend this option

You can find instructions for installing and configuring nvm here:

https://github.com/nvm-sh/nvm#installing-and-updating

Answer 2

If you want to resolve the issue quickly, avoid taking the INCORRECT APPROACH:

sudo npm install -g @vue/cli

This method grants excessive access to scripts, potentially opening up vulnerabilities.

There are several solutions to address this problem:

Adjust permissions for the directory where npm packages are installed

The logs indicate a lack of access to /usr/local/lib/node_modules/@vue

To rectify this, execute the following command:

sudo chown -R $USER /usr/local/

Change the location for installing global npm packages

Use the following commands:

mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
source ~/.profile

This approach is recommended in the npm documentation: https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally#manually-change-npms-default-directory

Opt for using nvm instead of the standard node installation

I personally recommend this option

You can find instructions for installing and configuring nvm here:

https://github.com/nvm-sh/nvm#installing-and-updating

Answer 3

Answer №2

I encountered an npm errno - 13 (Permission denied. The operation was rejected by the operating system, indicating that the current user lacks permission to access the file.)

Here's how you can resolve this issue:

Run the following command in your terminal: sudo chown -R $USER /usr/local/ (This command changes the privileges for the folder where npm packages are being installed.)

2. Adjust the location where global npm packages are installed.

Create a new directory: mkdir ~/.npm-global
Set the prefix for npm: npm config set prefix '~/.npm-global'
Add the newly created directory to the PATH: echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
Update the profile settings: source ~/.profile
Install @angular/cli globally: npm install -g @angular/cli

These steps will successfully install Angular on your local machine.

Authored by Vidhi Jayswal

Answer 4

I encountered an npm errno - 13 (Permission denied. The operation was rejected by the operating system, indicating that the current user lacks permission to access the file.)

Here's how you can resolve this issue:

Run the following command in your terminal: sudo chown -R $USER /usr/local/ (This command changes the privileges for the folder where npm packages are being installed.)

2. Adjust the location where global npm packages are installed.

Create a new directory: mkdir ~/.npm-global
Set the prefix for npm: npm config set prefix '~/.npm-global'
Add the newly created directory to the PATH: echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
Update the profile settings: source ~/.profile
Install @angular/cli globally: npm install -g @angular/cli

These steps will successfully install Angular on your local machine.

Authored by Vidhi Jayswal

When attempting to install @vue/cli using npm install -g, an error occurred with code 'EACCES' and errno -13

Answer №1

Adjust permissions for the directory where npm packages are installed

Change the location for installing global npm packages

Opt for using nvm instead of the standard node installation

Answer №2

Similar questions

Animating a div in CSS3 to expand horizontally from left to right without affecting its original position

Attempting to dynamically change the text of a button in JavaScript without any user interaction

I am attempting to invoke a JavaScript function from within another function, but unfortunately, it does not seem to be functioning

Is there a slider available for organizing Google Photos collections using JavaScript, Angular, React, or Vue?

Extracting the URL of the @font-face declaration in CSS with the use of JavaScript

Implementing dynamic ID routes in React Router using JSON data

Ways to add elements to a non-existent index in an array

Optimizing the loading of flash objects to improve website

The instance does not have a definition for the property or method "names" that is being referenced during rendering

There was an issue with the routing that prevented access to the student activity information at

Utilize AngularJS for filtering with nested elements and scope

Is it possible to determine if a JavaScript/jQuery effect or plugin will function on iPhone and iPad without actually owning those devices?

What is the best way to have various texts display after a certain number of clicks?

When updating the innerHTML attribute with a new value, what type of performance enhancements are implemented?

Save the value entered into an input field using JavaScript and store it in a PHP variable

Is it possible to transform a Uint8Array into a boolean array without relying on strings?

Uploading Files with Additional Information in Angular

Switching background images for DIVs when links are rolled over

Is the Vue.js 2.x composition API completely compatible with TypeScript?

Creating a regular expression to separate numbers and letters