解决安装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

好像解决了问题~

总结

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

相关文章

  • vue业务实例之组件递归及其应用

    vue业务实例之组件递归及其应用

    目中出现多级菜单时,需要多层for循环时,但是当菜单增加层级时,需要在页面结构中增加一层for循环,这时我们可以使用组件递归的思想来实现,下面这篇文章主要给大家介绍了关于vue业务实例之组件递归及其应用的相关资料,需要的朋友可以参考下
    2022-05-05
  • vue element ui使用选择器实现地区选择两种方法

    vue element ui使用选择器实现地区选择两种方法

    这篇文章主要给大家介绍了关于vue element ui使用选择器实现地区选择的两种方法,Element UI是一套基于Vue.js开发的UI组件库,其中包含了地区选择器(Cascader)组件,需要的朋友可以参考下
    2023-09-09
  • vue实现带自动吸附功能的悬浮球

    vue实现带自动吸附功能的悬浮球

    这篇文章主要为大家详细介绍了vue实现带自动吸附功能的悬浮球,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • undefined是否会变为null原理解析

    undefined是否会变为null原理解析

    这篇文章主要为大家介绍了undefined是否会变为null原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Vue.js中让人容易忽略的API详解

    Vue.js中让人容易忽略的API详解

    Vue.js是构建Web界面的渐进式JavaScript框架,通过简洁的 API 提供高效的数据绑定和灵活的组件系统,这篇文章主要给大家介绍了关于Vue.js中让人容易忽略的API的相关资料,需要的朋友可以参考下
    2021-09-09
  • vue自定义loader将行内样式px转rem适配

    vue自定义loader将行内样式px转rem适配

    这篇文章主要为大家介绍了vue自定义loader将行内样式px转rem适配示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • vue-列表下详情的展开与折叠案例

    vue-列表下详情的展开与折叠案例

    这篇文章主要介绍了vue-列表下详情的展开与折叠案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue+ElementUI 中级联选择器Bug问题的解决

    Vue+ElementUI 中级联选择器Bug问题的解决

    这篇文章主要介绍了Vue+ElementUI 中级联选择器Bug问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • vue实现移动端图片上传功能

    vue实现移动端图片上传功能

    这篇文章主要为大家详细介绍了vue实现移动端图片上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • Vue实现数据导出导入实战案例

    Vue实现数据导出导入实战案例

    我们经常需要在Vue搭建的后台管理系统里进行数据导入导出等操作,下面这篇文章主要给大家介绍了关于Vue实现数据导出导入实战案例的相关资料,需要的朋友可以参考下
    2023-01-01

最新评论