关于全局安装vue-cli遇到的问题及解决

目录
  • 全局安装vue-cli的问题
    • 一直报如下错误
  • 全局安装vue-cli时遇到errno
    • 4048错误解决办法

全局安装vue-cli的问题

以前在电脑上全局安装vue-cli时没有出现问题，这次安装

一直报如下错误

在百度后，发现有人建议将对应目录下面的文件删除点，特别是vue-cli下面的，但是我删除后再次运行还是同样的问题。

后来再次百度vue的安装方法，发现好多人说已经全局安装vue-cli之后就不要再重复安装，于是我跳过了图片的那一步，直接npm init webpack myproejct，发现可以执行，接着 cd myproject 后切换到myproject下面，执行 npm run dev 可以运行起来。

提醒我自己，全局安装vue-cli后，不要再重新安装了，可能会出现一些意想不到的bug。

全局安装vue-cli时遇到errno

4048错误解决办法

安装vue-cli3时出现此错误解决方案

npm ERR! path C:\Users\LYRFZY\AppData\Roaming\npm\node_modules.staging\typescript-cd7963a6\lib\tsserver.js
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink

解决办法：

删除C:\Users\LYRFZY\AppData\Roaming\npm目录下的node_modules文件夹，之后重新安装

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 详解vue-cli 快速搭建单页应用之遇到的问题及解决办法

    一.报错内容类似:Expected indentation of 0 spaces but found 4 将 build 文件下的 webpack.base.conf.js 文件里面的下面一段代码注释掉(eslint-loader内容),重新运行. 二.报错内容: Newline required at end of file but not found 只需要在 js css 等后面再加一行(空行)就可以了 或者将 build 文件下的 webpack.base.conf.js 文件里面的下

  • Vue学习笔记进阶篇之vue-cli安装及介绍

    Vue学习笔记进阶篇之vue-cli安装及介绍

    介绍 Vue-cli是Vue的脚手架工具 主要作用:目录结构.本地调试.代码部署.热加载.单元测试 地址:https://github.com/vuejs/vue-cli 安装 全局安装vue-cli npm install -g vue-cli 当然了,要想使用npm工具,就必须安装Node.js,node.js的安装方法这里就不做介绍了. 安装完成后,在终端输入以下命令, 可以查看vue的版本:vue -V 输入以下命令,可以查看官方提供的模板: vue list 我们可以看到,vue官方提

  • 全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作

    官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. Node 版本要求 Vue CLI 需要 Node.js8.9 或更高版本 (推荐

  • 解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目

    今天尝试了下安装vue-cli@3.xx,但是安装了很多遍都失败了. 最后访问了一下vue-cli的官方安装指南网站https://cli.vuejs.org/zh/guide/installation.html尝试找出些原因. 根据描述 我顺藤摸瓜地看了看我本地的node版本. 首先,我之前有在使用nvm管理工具,但是之前有段时间安装node搞得不顺畅,就很少理会这块了.今天为了保险起见,再次安装一下. // 安装nvm curl -o- https://raw.githubuserconte

  • 安装@vue/cli报错npmERR gyp ERR问题及解决

    安装@vue/cli报错npmERR gyp ERR问题及解决

    目录 安装@vue/cli报错npmERR gyp ERR 最终解决方法 安装@vue/cli报错npmERR gyp ERR npm ERR! path C:\Users\wwc\AppData\Roaming\npm\node_modules@vue\cli\node_modules\utf-8-validateERR! gyp ERR! find VS 报错图片 安装命令: npm i -g @vue/cli 先卸载掉安装失败的包 npm uninstall -g @vue/cli 删除本

  • Vue CLI 3搭建vue+vuex最全分析(推荐)

    一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create .vue serve .vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖.构建于 webpack和 webpack-dev-server之上(提供 如:serve.build 和 inspect 命令) CLI 插件:给Vue 项目提供可选功能的 npm 包 (如:

  • 利用Vue3 创建Vue CLI 项目（一）

    利用Vue3 创建Vue CLI 项目（一）

    目录 一.官方文档 二.创建Vue CLI项目 1.安装Vue CLI 2.创建web应用 3.启动web应用 三.Vue CLI项目结构讲解 一.官方文档 Vue3文档 - vuejs https://www.vue3js.cn/docs/zh/ Vue核心功能:数据绑定 Vue CLI文档 https://cli.vuejs.org/zh/guide/ Vue CLI = Vue.js + 一堆组件 二.创建Vue CLI项目 1.安装Vue CLI 淘宝镜像 SQL: npm get re

  • 关于全局安装vue-cli遇到的问题及解决

    关于全局安装vue-cli遇到的问题及解决

    目录 全局安装vue-cli的问题 一直报如下错误 全局安装vue-cli时遇到errno 4048错误解决办法 全局安装vue-cli的问题 以前在电脑上全局安装vue-cli时没有出现问题,这次安装 一直报如下错误 在百度后,发现有人建议将对应目录下面的文件删除点,特别是vue-cli下面的,但是我删除后再次运行还是同样的问题. 后来再次百度vue的安装方法,发现好多人说已经全局安装vue-cli之后就不要再重复安装,于是我跳过了图片的那一步,直接npm init webpack mypro

  • 利用Vue3 (一）创建Vue CLI 项目

    利用Vue3 (一）创建Vue CLI 项目

    目录 一.官方文档 二.创建Vue CLI项目 1.安装Vue CLI 2.创建web应用 3.启动web应用 三.Vue CLI项目结构讲解 一.官方文档 Vue3文档 - vuejs https://www.vue3js.cn/docs/zh/ Vue核心功能:数据绑定 Vue CLI文档 https://cli.vuejs.org/zh/guide/ Vue CLI = Vue.js + 一堆组件 二.创建Vue CLI项目 1.安装Vue CLI 淘宝镜像 SQL: npm get re

  • vue中npm包全局安装和局部安装过程

    全局安装是将npm包安装在你的node安装目录下的node_modules文件夹中.在windows和mac中,全局安装的默认路径是不同的.在mac中默认是安装到 /usr/locla/lib 中.在windows默认安装目录是 C:\Program Files\nodejs ,当然你也可以通过一下命令来查看全局安装路径. // 查看全局安装路径 npm root -g // 查看npm的基础设置 npm config ls // 查看安装目录路径 npm config get prefix 全

  • node.js与vue cli脚手架的下载安装配置方法记录

    node.js与vue cli脚手架的下载安装配置方法记录

    目录 一.node.js安装以及环境配置 1.下载vue.js 2.安装node.js 3.检查node程序是否安装成功 4.更改默认路径 5.添加环境变量 5.测试安装是否成功 二.安装vue-cli脚手架 1.检查node环境是否安装好 2.更改淘宝镜像下定制的cnpm(gzip 压缩支持) 命令行工具代替默认的npm 3.开始安装vue-cli 4.生成项目 5.打包上线 总结 一.node.js安装以及环境配置 1.下载vue.js 下载地址: https://nodejs.org/en

  • vue cli安装使用less的教程详解

    vue cli安装使用less的教程详解

    vue-cli构建的项目默认是不支持less的,需要自己添加依赖 1.安装less和less-loader ,在项目目录下运行如下命令 npm install less less-loader --save-dev 2.安装成功后,打开build/webpack.base.conf.js ,在 module.exports = 的对象的module.rules 后面添加一段: module.exports = { // 此处省略无数行,已有的的其他的内容 module: { rules: [ /

  • vue cli 局部混入mixin和全局混入mixin的过程

    vue cli 局部混入mixin和全局混入mixin的过程

    目录 局部混入mixin和全局混入mixin 应用场景 1.局部混入mixin 2.全局混入mixin mixins的使用方法和注意点 局部混入mixin和全局混入mixin 应用场景 两个组件,都需要用到同一个点击事件方法,此时使用mixin混入,可以很好的实现代码的复用. 在vue cli搭建的项目中,src目录下新建mixin.js文件: // 对外暴露mixin对象 export const mixin = { data() { return { msg: 'hello' } }, me

随机推荐