mac使用npm全局下载的时候报错没有权限的解决方案记录

最近要创建一个新项目,使用npm全局下载脚手架的时候,发现报错:

bash 复制代码
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/fe-cli'
npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/fe-cli'] {
npm ERR!   errno: -13,
npm ERR!   code: 'EACCES',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: '/usr/local/lib/node_modules/fe-cli'
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.

原因说明:没有足够的权限在 /usr/local/lib/node_modules 目录下创建文件夹,这通常是因为默认情况下,普通用户没有权限在 /usr/local/lib 目录中进行写入操作。

1.解决方式

有两种方式来解决这个问题

1.使用 Node.js 的版本管理工具 nvm 或 n 来安装 Node.js(推荐)

在 macOS 系统上,你可以使用 Node.js 的版本管理工具 nvm 或 n 来安装 Node.js,这样会避免权限问题。这将安装 Vue.js 到 Node.js 的全局安装目录中,通常在用户的主目录下,而不需要管理员权限。

2.手动修改npm默认的文件夹(不推荐)

Resolving EACCES permissions errors when installing packages globally | npm Docs

2.mac下载nvm

2.1.卸载node

1、首先查看电脑上是否安装的有node,查看node版本
    node -v
    
2、如果有node就彻底删除node
    sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

2.2 下载nvm

1.配置host:

bash 复制代码
185.199.109.133 raw.githubusercontent.com

2.下载nvm

bash 复制代码
sudo curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

3.检查是否安装成功

正常情况下安装完成后,会自动在全局配置文件中,配置好相应的环境变量。可以使用 nvm -v 命令进行验证。如果出现zsh: command not found: nvm,则按照下面的步骤手动配置。

3.3.配置环境变量

bash 复制代码
vim编辑信息命令
    i     编辑
    esc   退出编辑(esc指esc键)
    :qw   退出编辑文件
    
1、进入顶层文件夹
    cd ~
    
2、配置环境变量
    vim ~/.bash_profile
    
3、然后将下面的配置信息输入保存
    export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
    
4、刷新环境变量
    source ~/.bash_profile
    
5、输入 nvm -v 检查nvm是否可用

3.nvm常用命令

3.1.下载指定版本

bash 复制代码
nvm install v16.20.2

3.2.卸载指定版本

bash 复制代码
nvm uninstall v16.20.2

3.3.查看所有安装过的版本

bash 复制代码
nvm ls

3.4.使用某个已下载版本

bash 复制代码
nvm use v16.20.2

3.5 下载最新稳定版本

bash 复制代码
nvm install stable

参考:

解决在Mac下使用npm报错:Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'_npm err! code eacces npm err! syscall mkdir npm er-CSDN博客

mac安装nvm详细教程 || mac配置nvm避坑 - 掘金

相关推荐
qianmoQ7 分钟前
第五章:工程化实践 - 第三节 - Tailwind CSS 大型项目最佳实践
前端·css
椰果uu23 分钟前
前端八股万文总结——JS+ES6
前端·javascript·es6
微wx笑43 分钟前
chrome扩展程序如何实现国际化
前端·chrome
~废弃回忆 �༄1 小时前
CSS中伪类选择器
前端·javascript·css·css中伪类选择器
CUIYD_19891 小时前
Chrome 浏览器(版本号49之后)‌解决跨域问题
前端·chrome
IT、木易1 小时前
跟着AI学vue第五章
前端·javascript·vue.js
薛定谔的猫-菜鸟程序员1 小时前
Vue 2全屏滚动动画实战:结合fullpage-vue与animate.css打造炫酷H5页面
前端·css·vue.js
春天姐姐2 小时前
vue3项目开发总结
前端·vue.js·git
谢尔登2 小时前
【React】React 性能优化
前端·react.js·性能优化
来一碗刘肉面2 小时前
TypeScript - 属性修饰符
前端·javascript·typescript