微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

大功告成啦!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐