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、效果图如下:


相关文章
|
JavaScript
vue运行项目命令--详解
vue运行项目命令--详解
248 0
|
JavaScript 前端开发 程序员
vue-element-admin 运行并且打包部署
vue-element-admin 运行并且打包部署
314 0
|
资源调度
vue3项目运行即打包命令---vue3学习笔记
vue3项目运行即打包命令---vue3学习笔记
195 0
|
JavaScript
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
Vue报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
|
JSON JavaScript 数据安全/隐私保护
Vue--Vue-CLI服务命令、项目结构、自定义配置
Vue--Vue-CLI服务命令、项目结构、自定义配置
|
存储 JSON JavaScript
React、Vue项目build打包编译后如何再修改后台请求地址
React、Vue项目build打包编译后如何再修改后台请求地址
593 0
React、Vue项目build打包编译后如何再修改后台请求地址
|
资源调度 JavaScript
使用yarn安装vue-cli,提示‘vue‘ 不是内部或外部命令
使用yarn安装Vue脚手架,不能使用Vue
843 0
|
6月前
|
JavaScript API
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
143 2
|
9月前
VUE.初始化项目报错缺少core-js
VUE.初始化项目报错缺少core-js
139 0
|
JavaScript
vue-cli3.0版本打包修改公用路径及配置(包含vue-cli3.0简单使用)
对应完2.x版本的,就直接把这个3.0的也对应,相对于2.0来说,vue-cli3.0更让我们专注了开发,不需要去关注太多的文件配置。 如下进行一下讲解顺便简单讲一下cli3.0的使用吧 详细的话就看一下教程吧就,我相信你们是最聪明的 ( * ^ ▽ ^ *) [传送门](https://cli.vuejs.org/zh/guide/)。 [demo下载地址](https://github.com/LonelyDrifter/vue-cli3.0-baseURL) #### 安装 如果安装了1.x 或者 2.x 的话,可以先通过下面的命令行进行卸载 ``` npm uninstall vue-
194 0
vue-cli3.0版本打包修改公用路径及配置(包含vue-cli3.0简单使用)

热门文章

最新文章