解决安装vue3脚手架@vue/cli报4048错误问题

 更新时间:2024年07月18日 08:51:45   作者:无忧好奇猫  
这篇文章主要介绍了解决安装vue3脚手架@vue/cli报4048错误问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

安装vue3脚手架@vue/cli报4048错误

@vue/cli报错在网上试了很多解决办法,这个最有用了,一定要试试

C:\Users\25077>npm install vue-cli -g
npm ERR! code EPERM
npm ERR! syscall mkdir
npm ERR! path E:\Node\node_modules\.vue-cli-7tLVKUJI
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, mkdir 'E:\Node\node_modules\.vue-cli-7tLVKUJI'
npm ERR!  [Error: EPERM: operation not permitted, mkdir 'E:\Node\node_modules\.vue-cli-7tLVKUJI'] {
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: 'E:\\Node\\node_modules\\.vue-cli-7tLVKUJI'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
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.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\25077\AppData\Local\npm-cache\_logs\2022-02-16T08_15_05_960Z-debug-0.log

C:\Users\25077>npm install vue-cli -g

报如上错误是系统权限不够,(方法:通过目录找C:\Windows\System32\cmd.exe,然后右键单击,出现选项,选择以管理员身份运行即可)

然后再次输入安装命令:npm install @vue/cli -g即可安装成功。

通过输入vue -V,查看vue版本,如果能出来下图则安装成功

vue-cli3.0踩坑(4048和 Failed at the chromedriver@2.46.0 install script)错误

因为vue-cli3.0流行,我卸载了旧的node,并安装v12版本的node和vue/cli 4.5.4。正因此我遇到坑了。

当我下载公司的一个vue项目后,执行了 npm install命令后,踩坑之路开始

坑1:遇到4048错误

遇到问题当然先百度了,很多人都说

  • 解决方案1:在该目录下执行 npm cache clean –force 清理缓存,然后再次 npm install
  • 解决方案2: 删除C:\Users{账户}\下的.npmrc文件

我先执行了1,不好用,再执行了2。

执行完2之后,虽然解决了4048错误,但又遇到了一个坑

坑2:Failed at the chromedriver@2.46.0 install script

于是我再百度,很多人又说该问题是vue-cli脚手架的一个bug,原因是chromedriver的部分文件被国内网络给墙掉了,无法下载完整的chromedirver包

解决办法 :

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

执行完之后,我继续npm install,还是报同样的错误。

于是在百度,有人说如果上面的这个命令不行的话

  • 1:npm install --ignore-scripts
  • 2:npm i

执行完二者后,我再npm install

好像解决了问题~

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题

    Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题

    mock.js:是一款模拟数据生成器,可以生成随机数据,拦截 Ajax 请求,使用mockjs模拟后端接口,可随机生成所需数据,模拟对数据的增删改查,本文给大家介绍了Vue3解决Mockjs引入后并访问404(Not Found) 的页面报错问题,需要的朋友可以参考下
    2025-04-04
  • vue3 element-plus实现图片预览功能实例

    vue3 element-plus实现图片预览功能实例

    这篇文章主要给大家介绍了关于vue3 element-plus实现图片预览功能的相关资料,在项目中我们经常会碰到图片预览的功能需求,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • 关于vuex强刷数据丢失问题解析

    关于vuex强刷数据丢失问题解析

    这篇文章主要介绍了关于vuex强刷数据丢失问题解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • 教你三分钟掌握Vue过滤器filters及时间戳转换

    教你三分钟掌握Vue过滤器filters及时间戳转换

    这篇文章教你三分钟掌握Vue过滤器filters及时间戳转换,本文将结合时间戳转换的例子带你快速了解filters的用法,需要的朋友可以参考下
    2023-03-03
  • Vue.directive 自定义指令的问题小结

    Vue.directive 自定义指令的问题小结

    这篇文章主要介绍了Vue.directive 自定义指令的问题小结,需要的朋友可以参考下
    2018-03-03
  • Vuex中状态管理器的使用详解

    Vuex中状态管理器的使用详解

    这篇文章主要介绍了Vuex状态管理器的使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • Vue3中引入Pinia存储库使用示例详解

    Vue3中引入Pinia存储库使用示例详解

    这篇文章主要介绍了Vue3中引入Pinia存储库使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • nuxt 自定义 auth 中间件实现令牌的持久化操作

    nuxt 自定义 auth 中间件实现令牌的持久化操作

    这篇文章主要介绍了nuxt 自定义 auth 中间件实现令牌的持久化操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue.js框架实现表单排序和分页效果

    vue.js框架实现表单排序和分页效果

    这篇文章主要为大家详细介绍了vue.js框架实现表单排序和分页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Vue学习之axios的使用方法实例分析

    Vue学习之axios的使用方法实例分析

    这篇文章主要介绍了Vue学习之axios的使用方法,结合实例形式分析了vue.js axios库的功能及网络请求相关操作技巧,需要的朋友可以参考下
    2020-01-01

最新评论