Javascript

vue-element-admin安装报错问题

本文主要是介绍vue-element-admin安装报错问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

首先安装项目(来自官方文档)

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

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

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 本地开发 启动项目
npm run dev

然后在npm install这一步卡住了,发现了非常多的问题

1. 报错几十行完全看不懂

自习看前两行,发现项目要安装git、nodejs、python(git和nodejs都有学习笔记多复习)

全部安装好之后运行,发现依然报错

打开cmd输入note发现提示找不到这个命令(猜测可能是环境变量的问题),但这里我选择卸载然后回退旧版本node14

2. 报错少了很多

再次运行npm install 发现报错少了很多,查看错误报告发现是依赖tui-editor安装不成功引起的。于是查看了github项目的解答区发现了解决办法 [点这里跳转](安装依赖时错误:fatal: 存储库 'https://github.com/nhn/raphael.git/' 未找到 ·问题 #3491 ·潘嘉辰/vue-element-admin)

vue-element-admin\package.json 删除 "tui-editor": "1.3.3",
vue-element-admin\src\components 删除 MarkdownEditor 文件夹
vue-element-admin\src\views\components-demo 删除 markdown.vue 文件
vue-element-admin\src\router\modules components.js 删除 {path: 'markdown',...}

# npm cache clean --force
# npm install cnpm
# npm install core-js@3 --save
# cnpm install cross-env
# 以上四个可以忽略

cnpm install
npm run dev

然后再运行就发现可以了

3. 网页界面为英文

master默认为英文,查看文档发现国际化项目在 i18n分支中,所以我们需要切换到该分支,通过以下代码实现

git pull

git checkout i18n 

npm install --registry=https://registry.npm.taobao.org

npm run dev

大功告成啦!

这篇关于vue-element-admin安装报错问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!