mac使用vite初始化Vue3项目踩坑，权限报错 Error: EACCES: permission denied, mkdir

最新推荐文章于 2024-07-06 23:22:11 发布
最新推荐文章于 2024-07-06 23:22:11 发布
阅读量2.1k 收藏 5
点赞数 1
分类专栏： vue学习笔记 文章标签： javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_lexzanda/article/details/130942088
版权

首先使用vite初始化Vue项目，在终端中输入

*mac os 在命令行前面都加上sudo，以确保权限没有问题

sudo npm create vite@latest

之后选择vue，下一步选择javaScript或者typeScript

进入项目后先安装依赖包

sudo npm install 

安装完依赖包之后启动项目

npm run dev

这时候报错了！如下图： 

Error: EACCES: permission denied, mkdir 

全程都是用sudo，但是却报了权限错误，最后发现是原因node版本问题导致的，vite官方推荐的node版本是v14.18.0

在mac上切换node版本可以使用n，具体可以看看这篇：

node(mac)升级或版本切换方法

切换node版本之后，项目就可以正常跑起来了 

 终端也不会报错了～

 

A_lexzanda
关注
专栏目录
vue3+vite - 解决报错error while updating dependencies:Error:EACCES:permission denied,mkdir ‘x‘（系统权限问题）
高级前端工程师
07-22 3875
vue3，vite，报错，nuxt，权限，苹果mac系统，windows系统，vue3报错，vite报错，node，详细解决方法，教程，[vite] error while updating dependencies: Error:EACCES:permission denied,mkdir 'x'，更新依赖项时发生[vite]错误：错误：EACCES:权限被拒绝，mkdir，苹果mac系统加了sudo还是不行报错，运行报错，启动项目，run dev，创建项目，初始化，依旧不行怎么办，保权限没有问题，换了n
Mac上初次使用vite新建Vue3项目需要注意，自己的错误记录
qq_45989931的博客
09-23 3813
用vite创建一个vue3项目遇到的问题
使用npm命令时报没有权限的错误Error: EACCES: permission denied
qq_36690992的博客
04-29 1469
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!
Mac创建vue3+vite时报错Error: EACCES: permission denied, mkdir
2301_76868945的博客
01-21 906
下载完依赖启动项目pnpm run dev时出现报错。
mac运行vue脚手架项目报错：Error: EACCES: permission denied, mkdir
weixin_52891078的博客
07-13 1855
近期在macos开发环境下使用npm，经常会出现无法mkdir，permission denied的问题，在windows下并没有遇到这种情况。
mac创建vue脚手架项目遇到Syntax Error: Error: EACCES: permission denied, mkdir ...问题及解决方案
pong_dong的博客
12-11 1125
新的未安装环境的mac本使用vue-cli创建vue项目时遇到一点问题，现做个记录。
MacOS 使用 vite 构建vue 项目
qq_61842012的博客
06-24 658
在前端开发中，选择合适的构建工具至关重要。Vite 是由 Vue.js 作者尤雨溪开发的新型前端构建工具，它相较于传统工具（如 Webpack）具有启动速度快、即时热更新（HMR）高效、构建速度更快、支持现代 ES 模块等诸多优势。特别是在构建 Vue 3 项目时，Vite 提供了极简的配置和优秀的开发体验，使开发过程更加顺畅和高效。因此，在 MacOS 上使用 Vite 构建 Vue 3 项目，不仅能大幅提升开发效率，还能充分利用现代化的前端开发技术。现在你可以开始编辑项目文件。
NPM 安装报 Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/xxxxxx‘
lingjunjie的博客
03-15 791
最近作者在安装RN环境的时候遇到一个npm权限不足问题，具体报。复制的时候注意一下路径。因此记录一下解决方法。
出现 Error: listen EACCES: permission denied 0.0.0.0:80 解决方法
码农研究僧的博客
04-27 3461
error when starting dev server: Error: listen EACCES: permission denied 0.0.0.0:80
vue3 - 解决打包报错error: during build: Error: The service was stopped，vue3执行打包run build时无法打包并出错提示（报错详细解决）
高级前端工程师
06-18 1483
vue3，vite，打包出错，无法打包编译，npm run build，能正常运行开发但打包报错，Error: The service was stopped，vue3.x 打包出错怎么办，如何解决vue3 Error: The service was stopped无法打包的错误，vite-plugin-theme，extract css code file is successfully，打包报错，element plus组件库，jeecg vue3添加了element-plus组件，开发正常，打包报错
vue3+vite - 报错TypeError: Failed to fetch dynamically imported module: xx，vue3项目报错无法获取动态导入的模块，vite报错！
最新发布
高级前端工程师
07-06 1341
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，
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王佳斌
12-16 1万+
vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define
Mac机型上执行npm i,报错Error: EACCES: permission denied
渣渣砖
03-16 828
字面意思可以理解为权限不够。 所以我们得用管理员权限。 查看了好多资料，试了许多方法，最后发现 需要在npm install 后增加--unsafe-perm，即 sudo npm install --unsafe-perm 执行该命令后，显示依赖安装成功 ...
Node报错“permission denied,”解决办法
云深海阔专栏
05-13 8662
报错信息：stack Error: EACCES: permission denied, mkdir '/root/.jenkins/workspace/Acl-bound-Project-AwsProd/node_modules/node-sass/.node-gyp' [root@manage-host Acl-bound-Project-AwsProd]# mkdir ~/npm-global 您在 /var/spool/mail/root 中有新邮件 [root@manage-host A.
npm install 报错 Error: EACCES: permission denied解决
qq_37941471的博客
05-21 3109
问题 当以root用户执行：npm install @sentry/cli -g时，报错： npm ERR! Error: EACCES: permission denied, mkdir '/root/.npm/sentry-cli' 原因 参考：NPM官方文档解释 npm 出于安全考虑不支持以 root 用户运行，即使你用 root 用户身份运行了，npm 会自动转成一个叫 nobody 的用户来运行，而这个用户几乎没有任何权限。这样的话如果脚本里有一些需要权限的操作，比如写文件（尤其是写/root/
macos npm EACCES: permission denied, mkdir
xiaomei1xiake2的博客
03-06 1070
最近在macos上开发nodejs项目，npm install相关模块时，有时会出现 **stack Error: EACCES: permission denied, mkdir ‘/Users/…’**的错误。 解决方法 打开terminal，输入： // --unsafe-perm 是最关键的 sudo npm install --unsafe-perm your_module ...
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 ERR! Failed at the node-sass@4.13.1 postinstall script.
'Ablaze 的专栏
04-01 3806
今天安装脚手架工具时遇到这样一个报错信息： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.13.1 p...
使用vite初始化vue3项目
04-28
好的，以下是使用 Vite 初始化 Vue 3 项目的步骤： 1. 首先，确保你的电脑已经安装了 Node.js 和 npm 包管理器。 2. 打开命令行工具，进入你想要创建项目的目录。 3. 运行以下命令安装 Vite： ``` npm install -g vite ``` 4. 运行以下命令初始化 Vue 3 项目： ``` vite create my-vue-app --template vue ``` 其中，my-vue-app 是你的项目名称，可以根据自己的需求进行修改。 5. 等待安装完成后，进入项目目录： ``` cd my-vue-app ``` 6. 运行以下命令启动项目： ``` npm run dev ``` 等待编译完成后，在浏览器中打开 http://localhost:3000 ，你就可以看到 Vue 3 项目的欢迎页面了。 希望这个回答能够帮助到你！
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值