草庐IT

mini-vite

全部标签

vite项目在jenkins自动打包报错:failed to load config from ../vite.config.js You installed esbuild on

vite项目在jenkins自动打包报错找不到esbuild-linux-64在window环境开发用的找不到esbuild-windows-64,在linux环境构建需要使用esbuild-linux-64,找不到esbuild-linux-64就会报错实际报错:errorduringbuild:11:21:11Error:11:21:11Youinstalledesbuildonanotherplatformthantheoneyou'recurrentlyusing.11:21:11Thiswon'tworkbecauseesbuildiswrittenwithnativecodeand

安装vite框架,报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法

代码编辑器:vscode,使用vue3,所以安装了Volar插件,可以使vue代码高亮显示,不同颜色区分代码块,以及语法错误提示等提示:如果使用的是vue2,则使用Vetur插件;使用vue3的话,要禁用Vetur插件,然后用Volar插件。两个插件不要同时使用,会冲突。报错描述:安装vite框架(Vue3)后,项目“main.ts”文件中“importAppfrom‘./App.vue’”部分有红色报错提示,其他文件有些import引入文件也报错。查看项目“main.ts”文件中“importAppfrom‘./App.vue’”部分报错原因,提示报错“Cannotfindmodule‘./

vue3 vite配置跨域以及不生效问题

1.在vite.config中添加配置server:{host:"0.0.0.0",cors:true,port:8991,open:false,//自动打开proxy:{//这里的ccc可乱写,是拼接在url后面的地址如果接口中没有统一的后缀可自定义//如果有统一后缀,如api,直接写api即可,也不用rewrite了"^/ccc":{target:"http://116.62.200.158",//真实接口地址,后端给的基地址changeOrigin:true,//允许跨域rewrite:(path)=>path.replace(/^\/ccc/,""),//将ccc替换为空},},},2

vue3 vite直接创建项目 添加 element-ui 按需引入和全部引入

 创建home工程yarncreatevitehome--templatevuecdhomeyarnyarndevyrandev就可以看到一个网址点进去就可以看到效果了添加element-uiyarnaddelement-plus 全局引入(不推荐)之前的main.jsimport{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'createApp(App).mount('#app')修改后的import{createApp}from'vue'importElementPlusfrom'element-plus'imp

【欧瑞博智能家居】ZigBee Mini网关、超静音智能开合帘电机 添加操作流程

目录一、添加ZigBeeMini网关二、添加超静音智能开合帘电机 参考资料一、添加ZigBeeMini网关1.下载《智家365》APP2.网关通电,用网线连接路由器的网线接口3.再次扫描产品手册里面的二维码添加ZigBeeMini网关,注意手机wifi要在同一个网络下4.添加成功可在【我的设备】看到【ZigBeeMini网关】二、添加超静音智能开合帘电机 1.前置条件需要添加好【ZigBeeMini网关】2.电机充上电源3.选择家-添加设备-手动添加-遮阳晾晒-窗帘-超静音智能开合帘电机 4.蓝灯慢闪条件:连续按键4次,第五次长按直到指示灯蓝色慢闪,注意:如果出现红灯则需要再次操作5.下一步选

vite vue3项目打包部署空白页面问题的处理

 问题:vitevue3项目打包部署上线后,发现是空白页面问题的处理解决方法:1.在我们vite.config.js文件中检查是否有路径的指向                            2.查看我们的路由模式,将路由模式修改为createWebHashHistory                                                          总结:vite的特点: 快速的冷启动,不需要等待打包即时的热模块更新真正的按需编译,不用等待整个项目编译完成.  

初识Quantum Mini Linux Development Kit

  本人近期看到稚晖君的Linux-Card的相关视频介绍,看到它极大的方便,整体只需Type-C即可供电并且算力满足目前所需要求,功能也不少。于是火速下单,从SpeedStudio购入。  到货后先认识这个开发套件的外观,可以说是非常小巧,能够满足大部分需求。      当我用Type-C供电时发现并没有任何反应,于是查找资料(使用手册):   https://wiki.seeedstudio.com/cn/Quantum-Mini-Linux-Development-Kit/  发现需要给SD卡烧录镜像然后将SD卡插入套件中,便有了以下操作:一、准备工作  1、准备好一张大于16G的SD卡

vite搭建vue3项目本地环境自定义域名及端口配置

本blog讲述的是vite直接创建的vue3的项目的本地环境自定义域名配置。windows首先配置本地的一个域名代理指向。在windows环境下host文件的位置是C:\Windows\System32\drivers\etc我们需要打开目录下的hosts文件然后在其中找到127.0.0.1然后在后面追加一行127.0.0.1 localhost127.0.0.1 ericzhang528.com#将此域名指向127.0.0.1本地环境Mac在mac系统中我们需要打开终端然后输入sudovim/etc/hosts此时可能会需要你输入电脑密码然后同Windows一样添加域名指向不过不同的是

Mac-Mini 外接三个显示器教程

一.引言Mac-mini官方只支持连接2个显示器,ctrlcv复制粘贴代码和写博客的时候十分不方便,这时候需要外接第三个显示器,下面看看如何操作。Tips:第三个显示器的连接器需要有外置显卡,否则无法点亮,同学们注意~二.外接步骤1.设备绿联40244USB转VGA连接器如下图所示2.下载驱动USB3.0外置显卡驱动程序(苹果MacOSX系统),点击立即下载即可3.解压源文件解压文件后有如下文件夹,根据自己的系统选择,系统在关于本机查看:4.安装双击目录下pkg文件并开始安装,全程yes或者ok即可:5.修改DisplayLinkMangerAPP配置到启动台找到DisplayLinkMana

从0开始搭建一个vue3+vite+ts+pinia+element-plus的项目

前言:vue3+ts+vite大家已经都开始用了,最近也在学习,基本上是零基础开始ts的学习,很多语法知识是边写边查,没有系统的学习ts。此处展示从零开始,搭建的一个框架,方便拿来即用!1.初始化一个vite项目npmcreatevite@latest其中框架选择vue,语言选择typeScript2.启动项目npminstallnpmrundev项目启动成功以后如下所示:3.修改目录为了方便日常工作中的框架使用,在此处对刚初始化好的框架进行改造,在原有框架的基础上,添加store,router,layout,utils,views等文件夹,其中的作用将在后面进行说明。如图所示:4.配置rou