vue-vben-admin的编译运行

简介: vue-vben-admin的编译运行

更多ruoyi-nbcio功能请看演示系统

gitee源代码地址

前后端代码: https://gitee.com/nbacheng/ruoyi-nbcio

演示地址:RuoYi-Nbcio后台管理系统

更多nbcio-boot功能请看演示系统RuoYi-Nbcio亿事达企业管理平台

gitee源代码地址

后端代码: https://gitee.com/nbacheng/nbcio-boot

前端代码:https://gitee.com/nbacheng/nbcio-vue.git

在线演示(包括H5) : http://218.75.87.38:9888

1、下载vue-vben-admin后用npm install安装失败,用的18版本

2、那就按官方的要求安装用pnpm吧

pnpm 是一个高效的包管理工具,相比较 npm/yarn 包安装速度极快、磁盘空间利用效率高。

npm i pnpm -g

3、用pnpm install出现下面的错误

ERR_PNPM_INVALID_OVERRIDES_SELECTOR  Cannot parse the "//" selector in pnpm.overrides

package.json文件要删除下面的这行

4、运行

pnpm serve

出现下面错误

那就重新安装vite

npm install -g vite

出现下面错误

throw er; // Unhandled 'error' event

运行下面的代码

node F:\test\vue-vben-admin\node_modules\.pnpm\esbuild@0.11.3\node_modules\esbuild\install.js

这样就正常了

页面运行出现下面错误

晕,解决不了

感觉不大对,原来从gitee上偷懒下载有问题,最后还是在github下载最新的吧,没有这么多问题了GitHub - vbenjs/vue-vben-admin: A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!

5、效果图如下:


相关文章
|
6月前
VUE.初始化项目报错缺少core-js
VUE.初始化项目报错缺少core-js
114 0
|
6月前
|
JavaScript Android开发
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
【问题篇】打包Vue-cli3创建的vue项目成App的apk文件
120 0
|
1月前
|
JavaScript 数据可视化
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法,以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
36 3
vue-cli学习二:vue-cli3版本 创建vue项目后,Runtime-Compiler和Runtime-only两个模式详解;vue项目管理器;配置文件的配置在哪,以及如何配置
|
3月前
|
JavaScript API
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
84 2
|
3月前
|
JavaScript
创建Vue工程常用的命令
这篇文章提供了创建和启动Vue项目的基本命令步骤,包括初始化项目、安装依赖、安装Vue-router和Element-UI,以及启动项目进行测试,并提醒注意Vue版本与依赖包版本的兼容性问题。
|
3月前
|
JavaScript
VUE——配置本地运行指定不同环境
VUE——配置本地运行指定不同环境
86 0
|
4月前
|
JavaScript Java 关系型数据库
青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files
青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files
|
JavaScript C++ Windows
VS code运行vue项目
VS code运行vue项目
494 0
|
资源调度
vue3项目运行即打包命令---vue3学习笔记
vue3项目运行即打包命令---vue3学习笔记
159 0
|
11月前
|
JavaScript
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。