如何解决 vue-element-admin npm install 报错多的问题?

一步一步解决 vue-element-admin npm install 报错多的问题


本文章将一步一步解决 vue-element-admin npm install 安装的时候报错很多的问题。我们来一个一个解决,最后实现能运行。

有兴趣可以加入QQ群 518187476 来聊聊你遇到的问题。

第五步成功步骤!


前期准备


1、 Git 命令行工具 查看 git 工具使用问题,点击查看

2、安装 Nodejs

3、安装 npm 包管理工具

以下是本次安装所使用工具的版本

如何解决 vue-element-admin npm install 报错多的问题?



第一步,使用 Git 拷贝项目到本地


使用以下命令拷贝项目,如果 https 地址不行,可以试试 ssh,还是不行请 查看解决方法 ,请勿重复拷贝项目,一次就可以。

 git clone https://github.com/PanJiaChen/vue-element-admin.git

或者

 git clone git@github.com:PanJiaChen/vue-element-admin.git

image.png



第二步,查看手册


手册是学习新知识必备的东东,基本上能解决你大部分的东西。

手册位置:

Gitee

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/


Github

https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD

打不开的解决方案:点击查看



第三步,安装 node-sass(请查看所需版本)


手册上有说明,所以第二步查看手册学习也很重要。

安装之后,能解决很大部分为题,安装后我们接着看第四步,看看还有什么报错没有?

如何解决 vue-element-admin npm install 报错多的问题?



第四步,正式安装开始与排错(最终还是报错)


1、先设置好国内镜像,然后使用命令进行安装

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install

警告错误(npm WARN )可以先忽略,主要是 npm的致命错误(npm ERR!)

2、安装过程出现以下错误

   (1)、node-sass 报错使用命名安装后重新 npm install

 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass

   (2)、出现了其他问题现在进行重复 npm install

//出现的错误不重复,就多次安装
npm install

   (3)、报错  npm ERR! gyp ERR! ,运行命令后继续 执行 npm install

npm install -g node-gyp

    



第五步:这是我成功的步骤


前置:

      系统:Windows7

      Nodejs 版本 v12

      命令工具: git , cmd,Visual Studio Code

步骤:

      1、通过 git clone 下载

      2、在 git 上面按照文档运行了几次,报错(命令如下)

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖,报错
npm install

# 安装依赖,报错
npm install --registry= 

# 多次安装 还是报错# 

npm install

      3、通过本地的 cmd 运行安装命令,还是是报错

#cmd 运行安装命令还是报错
npm i

      4、打开 VsCode,通过快捷键,Ctrl + ~ 打开 终端,运行 npm i 进行安装, 成功了!!!!!!

图片1:

一步一步解决 vue-element-admin npm install 报错多的问题

图片2:

一步一步解决 vue-element-admin npm install 报错多的问题





总结用到的命令


 #查看版本
 git --version
 npm -v
 node -v
 
 #拷贝项目
 git clone https://github.com/PanJiaChen/vue-element-admin.git
 
 #拷贝完成后进入所在项目目录
 cd vue-element-admin
 
 #设置npm镜像为国内地址,并且进行安装
 npm install --registry=https://registry.npm.taobao.org
 
 # 过 Git  运行 npm install 有报错
 # 通过自带的 cmd  运行  npm i 有报错
 # 通过 Visual Studio Code 自带的终端,运行 npm i 竟然成功了!!!


文章来源地址https://www.toymoban.com/article/138.html

到此这篇关于如何解决 vue-element-admin npm install 报错多的问题?的文章就介绍到这了,更多相关内容可以在右上角搜索或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.toymoban.com/article/138.html

如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • npm install安装vue-element-admin报错npm ERR! -4058 enoent An unknown git error occurred的解决方案

    npm install安装vue-element-admin报错npm ERR! -4058 enoent An unknown git error occurred的解决方案

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 很多朋友特别是对 node.js 完全不熟悉了解的,大多都是从仓库直接拉取下载项目到本地,第一时间就是想在本地启动运行项目,完全不懂直接开干,当遇到错误时就蒙了 比如当我们从远程仓库拉取

    2024年02月08日
    浏览(41)
  • vue-element-admin - 克隆项目后 npm install 装包时报错:code 128 An unknown git error occurred(完美解决方案,100% 解决!)

    网上大部分方案都不行,请仔细对比如下报错信息,如果我们一样的话,本文的方案 100% 解决! 克隆 vue-element-admin 项目时,npm install 装包时,出现了如下报错。 npm ERR! code 128 npm ERR! An unknown git error occurred npm ERR! command git --no-replace-objects ls-remote ssh://git@github.com/nhn/raphael.git n

    2024年02月10日
    浏览(32)
  • vue-element-admin - 超详细克隆并运行项目教程,完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题(新手小白一看就懂)

    vue-element-admin - 超详细克隆并运行项目教程,完美解决 git clone 克隆项目失败、npm install 装包报错失败、项目运行后打开是英文的汉化等问题(新手小白一看就懂)

    网上的教程都太乱了,大部分最终都无法成功克隆项目并运行起来。 本文站在 新手小白的角度,从 0-1 克隆项目(完美解决了克隆失败的问题)、npm install 装包并配置运行起来,以及界面是英文的汉化等一系列的问题, 您可以按照本文的教程,轻松完成 vue-element-admin 该框架

    2024年02月09日
    浏览(40)
  • 安装运行vue-element-admin的报错问题-解决办法

    安装运行vue-element-admin的报错问题-解决办法

    官网安装链接如下: https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85 我遇到的报错主要在以下阶段: 按上方安装链接里git clone后npm install无法安装 npm install完成后无法启动,即npm run dev失败 后经查找网上各种资料,于 2022.11.20 完成安装并成功运行。 下面将分这两

    2023年04月23日
    浏览(34)
  • vue-element-admin项目-Host key verification failed.-已解决

    vue-element-admin项目-Host key verification failed.-已解决

    在网上下载的element-admin项目,install的时候一直报错Host key verification failed, 实测好用!!!已解决 报错问题: 上面写到主机密钥验证失败,无法从远程仓库拉取。说明我们需要生成一个新的密钥,然后添加到远程仓库     打开 Git Bash 终端,将下面的文本复制进去执行(使

    2024年02月08日
    浏览(37)
  • vue-element-admin vue设置动态路由 刷新页面后出现跳转404页面Bug 解决方法

    vue-element-admin vue设置动态路由 刷新页面后出现跳转404页面Bug 解决方法

    做项目时遇到的这个bug,因为除了跳404之外也没太大影响,之前就一直放着没管,现在项目基本功能实现了,转头处理了一下,现在在这里记录一下解决方法 这个bug的具体情况是:设置了动态路由之后,不同的用户登录之后显示了不同的侧边栏,在侧边栏点击菜单,渲染对应

    2024年04月28日
    浏览(32)
  • vue-element-admin入门

    vue-element-admin入门

    这里下载的是基础模板,要下载完整版的可以去官网下载 运行项目的过程中可能会报错Error: error:0308010C:digital envelope routines::unsupported,如何解决可以这篇文章 https://blog.csdn.net/2301_76809965/article/details/130456851 如果我们安装的是基础模板,我们运行打开项目后应该是这个样子 m

    2024年02月02日
    浏览(33)
  • vue-element-admin的接口请求

    以退出登录接口为例 封装request.js:添加请求拦截器和响应拦截器 封装permission.js:添加路由导航守卫 在src/api/user.js中写接口 在store中写退出登录逻辑 在vue页面中调用登录接口 请求拦截器:做一些发送请求前的操作,比如说在请求头上携带token,处理一些错误 响应拦截器:处

    2024年02月16日
    浏览(32)
  • vue-element-admin 快速构建后台系统

    vue-element-admin 快速构建后台系统

    vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能: https://panjiachen.github.io/vue-element-admin-site/zh/guide/# 功能 GitHub地址: https://github.com/PanJiaChen/vue-element-admin 项目在线预览: https://panjiachen.gitee.io/vue-element-admin vue-admin-template是基于vue-element-admin的一套后台管理系统

    2024年02月04日
    浏览(35)
  • vue-element-admin - 最新完美解决项目是英文的问题,将英文变成中文的汉化处理详细教程(克隆完项目后不是中文的解决方法)

    vue-element-admin - 最新完美解决项目是英文的问题,将英文变成中文的汉化处理详细教程(克隆完项目后不是中文的解决方法)

    网上的教程(并且都是好几年前的了)克隆运行后界面文字全都是英文的,如果您想要中文汉语版本请使用本文的方案。 本文 解决了克隆运行 vue-element-admin 项目后,默认是英文的问题!将语言设置为中文的详细教程! 官方文档说的很晦涩,您可以按照本教程步骤进行操作即

    2024年02月09日
    浏览(109)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包