• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

vue-element-admin项目npm install安装依赖报错的解决方法

武飞扬头像
xxxXiaoRuiii
帮助1

首先需要准备好环境:npm、nodejs和git,注意git是必要的,可以在控制台查看已安装的git版本

学新通

 准备好环境后,在项目终端输入npm install安装依赖,结果控制台报错,安装失败,失败的原因可能是网络问题或是安装"tui-editor"库的依赖安装超时导致的,以下是我的解决过程,仅供参考:

  1.  
    vue-element-admin\package.json 删除 "tui-editor": "1.3.3",
  2.  
    vue-element-admin\src\components 删除 MarkdownEditor 文件夹
  3.  
    vue-element-admin\src\views\components-demo 删除 markdown.vue 文件
  4.  
    vue-element-admin\src\router\modules components.js 删除 {path: 'markdown',...}
  5.  
     
  6.  
    //npm cache clean --force
  7.  
    //npm install cnpm
  8.  
    //npm install core-js@3 --save
  9.  
    //cnpm install cross-env 这四个没有用到,如果解决不了在运行的
  10.  
     
  11.  
    npm install
  12.  
    npm run dev

如果在项目中没有用到markdown这个组件,可以把这个从package.json中移除,不安装"tui-editor"库的依赖,删完后,不过我到这一步后,终端运行npm install还是显示报错

git clone -b i18n https://gitee.com/panjiachen/vue-element-admin.git

先使用git尝试下载相应的包,然后再npm install,结果还是不行

学新通

 既然这样那就尝试下官方不太推荐使用的cnpm吧,先再控制台配置淘宝镜像,再使用cnpm install试试看

  1.  
    npm i -g mirror-config-china --registry=https://registry.npm.taobao.org
  2.  
    cnpm install

学新通

 可以看到这边已经显示安装依赖成功了!那么直接那npm run dev运行一下试试看,结果控制台报错提示缺少corejs,那我们就再安装上去吧

npm install --save core-js

学新通

 最后再来运行一下吧

学新通

 可以看到项目已经跑起来了

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgahaca
系列文章
更多 icon
同类精品
更多 icon
继续加载