安装vue-cli脚手架错误报告及解决方法

注意：安装Vue-cli脚手架时，要先安装node，下载地址为https://nodejs.org/en/，一路 next 即可，并在终端服务器通过命令 node -v查看是否安装成功；其次：为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。通过命令cnpm -v 检查是否安装成功。

**
错误一：

C:\Users\KOUOK>cnpm install –global vue-cli
Downloading vue-cli to C:\Program Files\nodejs\node_modules\vue-cli_tmp
Error: EPERM: operation not permitted, mkdir ‘C:\Program Files\nodejs\node_modules\vue-cli_tmp’
at Error (native)

出现这个原因，主要是C盘写入权限不足，可以用管理员身份运行cmd命名（方法：通过目录找到‪C:\Windows\System32\cmd.exe，然后右键单击，出现选项，选择以管理员身份运行即可）
然后再次输入安装命令：npm install vue-cli -g即可安装成功。通过输入vue -V，如果能出来命名则安装成功。

错误二：

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.logC:\Users\25077>npm install vue-cli -g

或者

C:\Users\25077>cnpm install vue-cli -g
Downloading vue-cli to E:\Node\node_modules\vue-cli_tmp
Error: EPERM: operation not permitted, mkdir 'E:\Node\node_modules\vue-cli_tmp'
npminstall version: 5.3.1
npminstall args: E:\Node\node.exe C:\Users\25077\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\25077\.cnpmrc --disturl=https://npmmirror.com/mirrors/node --registry=https://registry.npmmirror.com vue-cli -g

也是系统权限不够，（方法：通过目录找C:\Windows\System32\cmd.exe，然后右键单击，出现选项，选择以管理员身份运行即可）
然后再次输入安装命令：npm install vue-cli -g即可安装成功。通过输入vue，如果能出来命名则安装成功。

错误三：

E:\HBulider\Products\java6-vuecli>cnpm run dev
npm ERR! missing script: devnpm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\25077\AppData\Roaming\npm-cache\_logs\2022-02-16T08_21_05_861Z-debug.logE:\HBulider\Products\java6-vuecli>

运行：npm run dev或者cnpm run dev将项目跑起来，发现报错，这是因为在package.json中丢失了dev。这个时候只需通过"vue init webpack -g" 把丢失的dev下载过来，若遇下载缓慢，则执行cpnm install --save-dev webpack
或者通过 cnpm run serve 来启动项目，如果这样都不行，则删除node_modules文件夹，然后在项目根目录路径下的终端运行"cnpm install"等待安装完之后，再次运行“cnpm run serve”,有些人的是马上就可以了，然而往往还会有人仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！！！

安装vue-cli脚手架错误报告及解决方法相关推荐

安装vue/cli的一些警告的解决方法
一.vue/cli 1.npm WARN vue-virtual-scroller@1.0.0-rc.2 requires a peer of vue@^2.5.21 but none is inst ...
Windows PowerShell安装指定版本vue/cli脚手架失效解决办法；vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
mac搭建vue项目看这篇打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...
离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安 ...
安装vue cli失败，显示this package has been deprecated in favour的解决办法
安装vue cli遇到的一个问题,尝试了几个办法,最终成功解决. 解决方法步骤: 1,配置淘宝镜像:npm config set registry https://registry.npm.taoba ...
#VUE CLI 脚手架的安装及初识脚手架（一）
目录 vue cli 安装vue cli cli是什么? 1.CLI英文为Command-Line Interface,翻译为命令行工具,通俗来讲为脚手架. 2.使用vue-cli可以快速搭建Vue开 ...
安装@vue/cli报错，npm ERR! gyp ERR! not ok
在执行命令 npm install -g @vue/cli 来安装vue脚手架时,出现下图所示的错误,最后发现是镜像源的原因导致安装失败. 解决方式: 1.安装淘宝镜像源: npm install - ...
Vue2.x 核心基础（Vue概述，Vue基本使用，@vue/cli脚手架，Element-UI 的基本使用，Vue模板语法）
1. Vue概述尤雨溪:Vue.js的创建者 2014年2月,Vue.js正式发布 2015年10月27日,正式发布1.0.0 2016年4月27日,发布2.0的预览版本 Vue:渐进式JavaSc ...
猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
安装vue cli失败——解决方案探索
温馨提示,该文分为两个部分:Part1探索原因:Part2解决问题.小伙伴可以直接从分割线后开始看! Part 1 错误提示: 先查看以下自己电脑上安装地node版本. node -v 然后去下面的连 ...

安装vue-cli脚手架错误报告及解决方法

安装vue-cli脚手架错误报告及解决方法相关推荐

最新文章

热门文章