vue-elementui-admin安装步骤和安装依赖报错解决方案整理

最新推荐文章于 2025-07-18 17:35:41 发布
原创 最新推荐文章于 2025-07-18 17:35:41 发布 · 1.8k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文档介绍了使用PanJiaChen的基础模板方案搭建Vue-element-admin的过程，包括克隆仓库、安装依赖以及遇到的http代理、Python环境变量配置等问题的解决方法。通过这个指南，你可以了解到如何在带有路由权限控制的基础上启动Vue项目。

文档&链接

文档说明：https://panjiachen.github.io/vue-element-admin-site/zh/guide/
admin集成方案：https://github.com/PanJiaChen/vue-element-admin
基础模板方案：https://github.com/PanJiaChen/vue-admin-template/tree/permission-control

我此次用的是基础方案，带路由权限控制的版本

开始安装

1.克隆git仓库

遇到第一个问题：http代理问题
在这里插入图片描述
解决方法：取消http代理

git config --global --unset http.proxy

2.安装依赖 npm install

依赖非常多，安装非常慢，一定要耐心等
这次很幸运，顺利安装完成：
在这里插入图片描述

不幸的各种情况整理
1.python报错

Error: Can’t find Python executable “python”, you can set the PYTHON env variable
解决方法：
npm install --global --production windows-build-tools
npm install -g node-gyp

检查下系统环境变量里是否有python，没有的话，配置下环境变量

3.启动 npm run dev

在这里插入图片描述

使用 vue-element-admin 开发后台管理系统【安装】
weixin_48596030的博客
12-02 1052
使用 vue-element-admin 开发后台管理系统【安装】
【Vue2.0】笔记（六）-Vue-cli、Vuex、mockjs、gitee、github
小女不才
04-08 2513
前端工程化（四）Vue脚手架(1) 基本用法1.1（五）Element-Ul的基本使用二级目录三级 （四）Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。官网地址：https://cli.vuejs.org/zh/ (1) 基本用法 安装3.x版本的Vue脚手架： npm install -g @vue/cli 卸载命令：npm uninstall -g vue-cli 检查命令 Vu...
Vue-element-admin安装与问题解决
01-07
开发 # 克隆项目 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 浏览器访问 http://localhost:9527 发布 # 构建测试环境 npm run
elementui-admin构建
最新发布
我的笔记
07-18 722
vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。你可以在的基础上进行二次开发，把当做工具箱，想要什么功能或者组件就去那里复制过来。
vue-element-admin
12-17
结合vue 目前最新技术，及element-ui 等vue辐射产品。着重介绍了 vue vuex axios vue-router es6 等相关技术。
vue-element-admin安装
cszzl123的博客
11-19 476
vue-element-admin安装
{ "name": "changsheng_project_admin", "version": "0.1.0", "private": true, "scripts": { "dev": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "element-ui": "^2.15.0", "jquery": "^3.5.1", "register-service-worker": "^1.7.1", "vue": "^3.2.40", "vue-quill-editor": "^3.0.6", "vue-router": "^3.2.0", "vuex": "^3.4.0", "xlsx": "^0.18.5", "vue-json-excel": "^0.3.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-pwa": "~4.5.0", "@vue/cli-plugin-router": "~4.5.0", "@vue/cli-plugin-vuex": "~4.5.0", "@vue/cli-service": "~4.5.0", "vue-template-compiler": "^2.6.11" } }
06-28
解决方案：我们需要将 `vue-template-compiler`替换为Vue3的编译器。实际上，Vue3不再需要`vue-template-compiler`，而是使用 `@vue/compiler-sfc`。步骤：1.移除 `vue-template-compiler`2.安装 `@vue/compiler-sfc...
启动项目路由报错vue-router.js?v=23217037:45 [Vue Router warn]: No match found for location with path "/real-estate/workCenter"
05-09
| 检查项 | 验证方法 | 解决方案 | |-------------------------|------------------------------|---------------------------| | 路由路径大小写 | 浏览器直接访问全小写路径 | 配置path: '/work-center' | | ...
npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: vue-typescript-admin-[email protected] npm error Found: vue@undefined npm error node_modules/vue npm error vue@"^2.6.10" from the root project npm error npm error Could not resolve dependency:
04-29
当在Vue项目中遇到类似`ERESOLVE unable to resolve dependency tree`的错误时，通常是由于**依赖的版本不兼容**导致，以下是具体解决方案： --- #### 1. 理解错误原因 错误直接表明依赖树中存在冲突。例如： - ...
node_modules/ant-design-x-vue/dist/index.mjs:4:722: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "onWatcherCleanup" node_modules/ant-design-x-vue/dist/index.mjs:4:798: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "useTemplateRef" node_modules/ant-design-x-vue/dist/index.mjs:4:889: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "useId" at failureErrorWithLog (E:\project\ai\vue-next-admin\node_modules\esbuild\lib\main.js:1651:15) at E:\project\ai\vue-next-admin\node_modules\esbuild\lib\main.js:1059:25 at E:\project\ai\vue-next-admin\node_modules\esbuild\lib\main.js:1527:9 at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
03-20
3. 调整模块导入顺序，确保第三方库在Vue之后加载，如引用[5]中的解决方案。 4. 检查构建工具（如Vite）的配置，设置正确的别名和模块解析规则。 5. 确保项目中使用的是Vue 3，并正确配置Composition API相关插件。 ...
一、vue-element-admin安装
w29666533的博客
02-17 704
1、简介 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 GitHub地址：https://github.com/PanJiaChen/vue-element-admin 项目在线预览：https://panjiach...
Vue()vue-element-admin的安装
Good Luck
06-06 418
安装vue-element-admin 启动项目
vue-Element-Admin安装与配置
qq_47787559的博客
04-24 646
vue-element-admin\src\router\modules\components.js 删除 {path: 'markdown',...}vue-element-admin\src\views\components-demo 删除 markdown.vue 文件。vue-element-admin\package.json 删除 "tui-editor": "1.3.3",vue-element-admin\src\components 删除 MarkdownEditor 文件夹。
vue-element-admin安装指南
weixin_60414376的博客
05-22 1874
本篇采用最简单的安装方式，在网上找了太多的安装，但是各种报错，最终在vscode上发现了一种最简单的安装方式，安装的前提就是电脑安装了git和npm，以及vscode 1、首先创建一个文件夹，然后用vscode打开，此时会有欢迎页，点击克隆git库： 2、然后点击从git上克隆： 3、如果没有登录过的话它会提示你，弹出一个网页，登陆上自己的github账号即可 4、此时再回来输入vue-element-admin点击第一个即可： 5、点完即可进入下载了。 6、此时...
vue-element-admin 安装环境
czjnoe的博客
04-26 500
开发环境安装： Node.js 网址：https://nodejs.org/en/download/ git 参考文章：https://mp.csdn.net/console/editor/html/105779439 vscode 安装vetur插件 npm: npm install -g cnpm –registry=https://registry.npm...
浅谈vue安装vue-element-admin
上上迁的专栏
12-06 820
文章目录前言目标关键字一、使用及场景总结参考坑 前言 目标 初始化安装vue-element-admin 关键字 一、使用及场景 # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安装依赖 npm install # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --reg
vue-element-admin 安装和配置指南
gitblog_09108的博客
09-13 796
vue-element-admin 安装和配置指南 【免费下载链接】vue-element-admin PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板，支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板，可以方便地实现后台管...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

写代码的猫叔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值