vue3+vite - 解决报错error while updating dependencies:Error:EACCES:permission denied,mkdir ‘x‘（系统权限问题）

已于 2024-09-12 16:54:02 修改
阅读量4.2k 收藏 3
点赞数 7
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) 文章标签： vue3 vite 报错解决 Mac苹果系统电脑 windows系统 项目创建初始化报错 运行报错打包报错npm装包报错
于 2024-07-22 17:49:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/140614707
版权
前端组件与功能(开箱即用) 同时被 2 个专栏收录
354 篇文章 2460 订阅 ¥9.90 ¥99.00
订阅专栏
前端常见问题解决
133 篇文章 158 订阅 ¥9.90 ¥99.00
订阅专栏

问题说明

在vite vue3项目开发中，出现报错：[vite] error while updating dependencies: Error:EACCES:permission denied,mkdir ‘x’，很奇怪的错误，权限没有一点问题，这个错误大概率出现在mac苹果电脑上，mac os苹果系统在命令行前面都加上sudo还是不行，就连npm装包都可能报错。windows系统的话也可能有这个权限问题，本文出详细解决办法。

其他教程都无法解决，在本文你只要报类似的错误就可以100%完美解决。

在这里插入图片描述

解决教程

首先，这个问题<

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
专栏目录
订阅专栏
vue3+vite - 报错TypeError: Failed to fetch dynamically imported module: xx，vue3项目报错无法获取动态导入的模块，vite报错！
高级前端工程师
07-06 2448
vue3，vite，vite-plugin-vue，nuxt3，报错，TypeError: Failed to fetch dynamically imported module，无法获取动态导入的模块，vue3打包报错，vue3编译运行报错，如何解决错误，vite build打包以后报错Failed to fetch，Vue3报错详细解决，Vue3+TS错误解决，换浏览器，清缓存，退出登录重新登陆，文件路径没写对，要么是没加组件名的后缀vue，路径写错了，加了setup语法糖导致的这个报错，eslint，
vue2/3 - 解决报错 error:0308010C:digital envelope routines::unsupported（vue项目运行run或打包build时浏览器控制台报错，详细解决
高级前端工程师
04-12 2851
vue，vue2，vue3，node.js，error:0308010C:digital envelope routines::unsupported，vue错误代码0308010C，浏览器控制台报错，如何解决vue报错，vue报错digital envelope routines::unsupported，node报错如何解决，npm run dev，npm run build，运行报错，打包报错，vue前端，无法解决怎么办，更换了版本也不行怎么办，换了node版本也不行咋办，在vue2、vue3项目中，
mac使用vite初始化Vue3项目踩坑，权限报错 Error: EACCES: permission denied, mkdir
A_lexzanda的博客
05-30 2348
全程都是用sudo，但是却报了权限错误，最后发现是原因node版本问题导致的，vite官方推荐的node版本是v14.18.0。之后选择vue，下一步选择javaScript或者typeScript。*mac os 在命令行前面都加上sudo，以确保权限没有问题。首先使用vite初始化Vue项目，在终端中输入。切换node版本之后，项目就可以正常跑起来了。安装完依赖包之后启动项目。进入项目后先安装依赖包。
Vite更新依赖缓存失败，强制更新依赖缓存
qq407949480的博客
08-16 4097
使用vite+ts开发一段时间了，感觉并不是想象中的好用，特别是出现些稀奇古怪的问题不好解决，比如下面这个问题事情的原因是：项目是有个需求是需要拾色器功能(用的vue3-colorpicker)，但是这个拾色器打包编译的时候总会出现些问题，想把它替换掉，于是执行yarn remove vue3-colorpicker将其node-modules移除并更新了package.json，下图可作证。也有代码为例，已经删除了。
执行npm run dev时报错error while updating dependencies
最新发布
weixin_52394634的博客
10-09 257
通过VsCode全局搜索看到有个页面引用了@vue/compiler-sfc这个东西，如下图。根据报错提示可知是由@vue/compiler-sfc这个东西所引发的问题。
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9589
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
vue3与vite搭建时遇到的一些错误
想飞的猪的博客
09-02 5446
一、创建路由router时报 原因：版本问题 解决方法：卸载掉之前装的 npm uninstall vue-router 重新装 npm install vue-router@next -s 二、 原因：element-plus引用问题，之前是直接根据网上的 解决：根据官网操作就可以了 三、vite引入element-plus修改主题色报错 原因：引入文件路径不对 解决：~改成node_modules/，安装scss --dev，然后引入时去掉.scss/.css,完美运行..
[vite] error while updating dependencies 解决方法
qzmlyshao的博客
11-16 3817
npm run dev 报错异常截图通过排查到vite官网。
Mac创建vue3+vite时报错Error: EACCES: permission denied, mkdir
2301_76868945的博客
01-21 1047
下载完依赖启动项目pnpm run dev时出现报错。
Error: EACCES: permission denied, mkdir
weixin_30507481的博客
09-23 3969
今天在全局安装飞冰的时候，出现标题的错误 想到是权限不够的问题，其实飞冰官网也有解决的办法，就是更改npm的默认路径。我之前就是用了更改默认路径的方法，然后后来又恢复了默认路径，所以还是用默认路径加权限的方法： sudo npm install iceworks -g--unsafe-perm=true --allow-root 网上有直接在指令后加上面粉色的指令，但我试了不行，...
Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！
王佳斌
09-06 2938
vue3，vite，报错，提示错误，控制台错误，vue3报错Missing semicolon，如何解决这个问题，vite vue3项目运行报错，缺少分号；缺少操作符或分号，vue3+vite提示Missing semicolon.，vue3打包，编译打包报错，启动报错，无法启动，打包失败，vite打包发布时出现错误，npm run build，plugin:vite:vue，@vue/compiler-sfc，Vue3使用vite打包时出现 Missing semicolon 问题，没有额外的分号怎么排查
npm报错stack Error: EACCES: permission denied, mkdir
邓邓子的博客
03-06 1701
一、问题 执行 npm 报错：stack Error: EACCES: permission denied, mkdir npm install webpack --save-dev gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/source/shop-ui/manager/node_modules/node-sass/.node-gyp' 二、解决方法 npm install webpack --save-dev --un
Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue‘ Vue cli工具安装报错
qq_46511756的博客
08-11 8596
mac本安装报错：Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'错误：EACCES:权限被拒绝，mkdir'/usr/local/lib/node_modules/@vue'在命令行前面添加 sudo 获取管理员权限 ，输入管理员密码就行。1.在任何位置打开终端小黑窗，输入命令（需要耐心等待5分钟左右）一般是由于网速较慢下载到一半导致中断，多试几次即可。(1)清除npm缓存，再重新安装。...
Error: EACCES: permission denied 错误解决方法
热门推荐
Hxp_Scau的博客
04-19 1万+
1、问题描述 系统：苹果最新系统（macOS 10.15.4） 动作：npm全局安装软件 结果：安装过程中需要读写文件或创建文件夹时报：Error: EACCES: permission denied 2、原因分析 2.1、系统方面 因为苹果最新系统升级了文件读写权限的安全级别，如SIP(System Integrity Protection)，Rootless等，及时是root用户也...
使用npm命令时报没有权限的错误Error: EACCES: permission denied
qq_36690992的博客
04-29 1533
npm WARN checkPermissions Missing write access to /usr/lib/node_modules npm ERR! path /usr/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/lib/node_modules' npm ERR!
EACCES: permission denied，mkdir … npm install 安装依赖问题解决
强哥叨逼叨
07-31 3669
强哥最近在用hugeGraph图库做二次开发的时候，在打包的时遇到前端项目打包失败的问题： > cwebp-bin@4.0.0 postinstall /home/hugegraph/my-hugegraph-studio/studio-ui/node_modules/cwebp-bin> node lib/install.js⚠ EACCES: permission denied, mkdir '/home/hugegraph/my-hugegraph-studio/studio-ui/n
unplugin-vue-components 样式重复引用的问题
竹子
11-24 2720
unplugin-vue-components 部分场景下出现 Two output files share the same path but have different contents: ***_css.js。
/Users/dzt/Documents/cfpage/estc/node_modules/.bin/vite: Permission denied
07-20
这个错误提示表明你没有执行指定文件的权限。你可以尝试使用chmod命令为该文件添加执行权限。运行以下命令： ``` chmod +x /Users/dzt/Documents/cfpage/estc/node_modules/.bin/vite ``` 这会将`vite`文件设置为可执行。然后，你应该能够运行该文件了。如果你还是遇到权限问题，可能需要查看文件的所有者和所属组，并确保你有适当的权限来执行它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值