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避坑 - 掘金

相关推荐
逆境不可逃6 分钟前
【与我学 ClaudeCode】协作篇 之 Team Protocols :结构化请求 - 响应协作协议
前端
yantuguiguziPGJ8 分钟前
WeMed:一个医疗垂直领域大模型 问答系统的 Taro 小程序
typescript·node.js
a11177610 分钟前
【无标题】
前端·开源·html
晓得迷路了11 分钟前
栗子前端技术周刊第 130 期 - Angular 22 RC、Rolldown 1.0.1、pnpm 11.2...
前端·javascript·react.js
审判长烧鸡11 分钟前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js
桔筐14 分钟前
【无标题】
前端·vue.js
星栈独行14 分钟前
别让 API 跳去登录页:我在 Axum 里做了认证失败双通道
前端·后端·rust·开源·github·个人开发
এ慕ོ冬℘゜15 分钟前
原生 JS 手写日期选择器|完整可复用日历组件实战
前端·javascript·css
Maimai1080815 分钟前
用 TanStack Table、React Query 和 shadcn/ui 搭一个可维护的数据表格架构
前端·javascript·react.js·ui·架构·前端框架·reactjs
yqcoder17 分钟前
Web 世界的基石:深入解析 HTTP/1.1 的六大核心特点
前端·网络协议·http