运行npm run serve出现XXX/node_modules/.bin/vue-cli-service: Permission denied 解决方案

最新推荐文章于 2025-02-23 11:54:47 发布
最新推荐文章于 2025-02-23 11:54:47 发布
阅读量5.9k 收藏 21
点赞数 10
分类专栏： # vue 文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/GMLGDJ/article/details/125803920
版权

在Mac环境下，当复制Vue-cli项目或通过版本工具获取已有项目后，执行命令npm run serve进行调试时，可能会提示XXX/node_modules/.bin/vue-cli-service: Permission denied 权限不足的问题。

解决方案：找到项目的根目录，打开终端，输入权限命令

chmod 777 node_modules/.bin/vue-cli-service

解决过程：

 

Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue/cli_tmp‘
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
12-24 2105
最近通过命令创建项目时，报错
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
06-14
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动,如果依赖安不上npm i --legacy-peer-deps npm i eslint-plugin-vue，再npm run serve
node_modules/.bin/vue-cli-service: Permission denied
lxyoucan的博客
09-18 3052
背景因为有一些前端依赖的库是私服的，只有在局域网中才能下载到。所以我直接把复制过来直接使用的。我是从windows系统中复制到macOS中使用。
超详细关于vue项目vue-cli-service启动报错失败的问题
最新发布
m0_74825746的博客
02-23 819
这里我们可以看出是报错了的，那么这个原因呢就是没有安装vue-cli-service导致的。我们需要在node_modules文件中找到这个文件的路径 然后替换到命令中。正常呢是配置的vue-cli-service serve这个命令。依赖全部安装完成后，运行一下看看结果，可以看到项目正常启动。这里为了方便比较 我选择新建一条命令对比。那么替换后的script命令为。
/node_modules/.bin/vue-cli-service: Permission denied
热门推荐
nihaokangzheng的博客
10-27 1万+
问题: 从别处拷贝过来项目 在mac下解压后 里吧含有node_modules 文件这时如果直接运行npm run dev 或是npm run serve 或提示/node_modules/.bin/vue-cli-service: Permission denied这个错误 这是因为拷贝过来的项目可执行文件是没有权限的 即使执行npm install 还是不行, 修改这么目录权限 chmod +777 /node_modules 应该可以解决 还有就是直接删掉node_modules 重新npm ..
vue项目运行报Permission denied（没有权限）解决方法
LinMin的博客
11-24 7109
【代码】vue项目运行报Permission denied（没有权限）解决方法。
vue-cli-service:Permissiondenied问题解决
qq_37194189的博客
01-07 5691
vue-cli-service:Permissiondenied
Mac idea启动vue项目的时候报Permission denied
maodun
04-17 1367
777 是给启动服务提高权限。注意赋权路径一定要相同。最后再重新启动命令即可。
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，支持windows，macos跟linux。 下面说下安装步骤： 1.在项目更目录中安装，执行npm install @...
vue-cli-plugin-windicss::leaf_fluttering_in_wind:适用于Vue CLI的Windi CSS:high_voltage:
03-25
vue-cli-plugin-windicss 于Vue CLI的 ，速度很快！ :high_voltage: aka按需Tailwind CSS 特征 :high_voltage: 快速-比快20到100倍 :puzzle_piece: 按需CSS实用程序（与Tailwind CSS v2兼容）和本机元素样式...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，...
【Vue】Linux 运行 npm run serve 报错 vue-cli-service: Permission denied
HEX9CF的技术博客
11-28 3763
在Linux系统上运行。
运行npm run serve报错Permission deined 解决方法
dandanmei0513的博客
07-11 1249
permission deined解决方法
记录使用iframe嵌入第三方url页面时遇到的问题
白马非马军的博客
12-03 7412
需求:需要在iframe中嵌入第三方url，该url需要访问视频和音频 以为只需要 <iframe src="url" style="width:100%; height:99%" frameborder="0"></iframe>，然后使用http://lan-ip:port就万事大吉了，没想到出现了如下两个问题： 问题1：F12查看错误提示：Only secure ...
MAC m1 node vue ui 编译项目时报错：node_modules/.bin/vue-cli-service: Permission denied 解决
weixin_44502835的博客
08-30 3105
Users/项目根目录/node_modules/.bin/vue-cli-service: Permission denied。chmod 777 /Users/此处是项目根目录/node_modules/.bin/vue-cli-service。
npm run serve 时报错vue-cli-service:Permission denied
weixin_43111269的博客
07-10 594
再回到项目目录执行npm run serve即可。进入node_modules/.bin/目录下。
运行npm run build 时报错：vue-cli-service:Permissiondenied
01-03
### 解决 `npm run build` 报 `vue-cli-service Permission denied` 错误 对于遇到的 `vue-cli-service: Permission denied` 错误，在执行 `npm run build` 命令时，可以采取如下措施来解决问题。 #### 修改文件权限 进入前端工程项目目录下，即包含 `node_modules` 文件夹的位置。通过修改特定脚本文件的权限设置，允许其被执行： ```bash chmod 777 node_modules/.bin/vue-cli-service ``` 此命令赋予了 `vue-cli-service` 脚本完全控制权限，从而解决了由于权限不足而无法启动服务的问题[^1]。 #### 清理并重装依赖包 有时本地缓存或已安装模块存在问题也可能引发此类错误。建议先清理旧有的依赖项再重新安装它们： ```bash rm -rf node_modules package-lock.json npm cache clean --force npm install ``` 上述操作会移除现有的 `node_modules` 及锁定文件，并强制清除 npm 缓存，最后重新拉取所有必要的库和工具[^3]。 #### 使用节点版本管理器 (NVM) 如果仍然存在权限方面的问题，则考虑借助 NVM（Node Version Manager）来进行环境配置。这有助于绕过系统级别的权限障碍以及更好地管理不同项目所需的 Node.js 版本： - 安装最新稳定版 Node.js 和 npm； - 不必卸载现有版本即可切换至新版本； - 自动调整全局路径以适应新的开发需求。 #### 验证解决方案有效性 完成以上任一处理方式之后，请再次尝试运行构建指令验证问题是否得到妥善解决: ```bash npm run build ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值