qiankun官网vite-plugin-qiankun插件github地址：vite-plugin-qiankun主应用1、安装乾坤$yarnaddqiankun#或者npmiqiankun-S2、在主应用中注册微应用（main.ts）import{registerMicroApps,start}from'qiankun';registerMicroApps([{name:'reactapp',//appnameregisteredentry:'//localhost:7100',container:'#vue-app-container',activeRule:'/yourActiveRu
如果可以实现记得点赞分享，谢谢老铁～一、问题的描述突然收到业务方发来的反馈：浏览器一片空白，开控制台输出：UncaughtSyntaxerror:Unexpectedtoken?这个是语法错误。二、如果是用vite来构建：如果是用vite来构建的，根据vite官方文档描述，build.target默认支持Chrome>=87、Firefox>=78、Safari>=14、Edge>=88传送，所以需要我们手动兼容低版本vite代码版本较高，导致低版本浏览器无法运行，结果是他那边浏览器的版本很低(谷歌44)导致的。1.首先安装插件：npmi@vitejs/plugin-legacy-D2.然后配
Electron打包图标不显示解决方案1.现象最近做了一个vue3+electron-vue+elementplus的小软件，最终打包生成exe应用程序，应用程序的logo和启动logo状态栏logo、安装logo全部正常，本地yarnrunserve，左上角logo也正常，但是一打包。坐上logo就不显示了。如果去掉图标配置，electron使用默认logo，就可以正常显示。踩坑良久，搜了许许多多解决方案，终于解决了这一问题。2.说明electron必须使用256*256的图片，所以需要提前准备这样大小的图片。我们需要先准备一张256*256的png格式的图片。如果需要ico可以用这个网站
背景年前开始负责新项目开发，是一个h5内嵌到企业微信。技术栈是vite2.x+vue3.x。随着业务的开展，版本迭代，页面越来越多，第三方依赖也越来越多，打出来的包也越来越大。针对这个问题，很容易就会想到分包这个解决方案。根据vite官方文档提示，做了vendor分包之外，还对路由引用的组件做了异步加载处理，也会产生独立分包。这种配置在某个阶段是没问题的。遇到问题在vite配置文件，通过build.rollupOptions.output.manualChunks配合手动分包策略之后，vite不会自动生成vendor包当页面越来越多，配置了动态引入页面之后，打包出来会产生chunk碎片，如几个
image.pngVite+vue3打包后报错Failedtoconstruct‘URL‘:InvalidURL网上查资料解决方式是：build:{target:'es2020'},optimizedeps:{esbuildoptions:{target:'es2020'}},这种解决方式在高版本浏览器是可以的，但是在chrome的75版本是不可以的。如果不管低版本浏览器，以上方法就够用了，下面是从本质上去解决问题。这个bug是由于我们在img标签引入静态图片的时候使用了：newURL(路径,import.meta.url).href知识点：newURL第一个参数是路径，不是字符串报错原因分析
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打造每一个功能。技术栈版本"@arco-design/web-react":"^2.53.1","clsx":"^2.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.16.0","sass":"^1.67.0","
目的：项目投入使用发现很多使用起来不舒服的地方，进行优化注意!!!：最新的一次创建项目运行时候以及配置eslint部分出现了许多问题，可以结合最新的一篇vite+vue+ssg做官网再记录一下项目创建结合起来查看是否有你遇到的问题前提：在上一篇vite+vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。结果：最终代码放到gitee这里的release分支vite-vue3-multip-release之前配置不合理的地方：为了让项目启动的时候自动打开html，修改了项目根目录到views下面root：'./src/views/'，以至于out
为了熟悉vue3+ts的开发风格，搭建的一个仿小红书的WebApp（已开源）;持续迭代中......gitHub仓库：https://github.com/xxljunjun/vue3-webApp线上地址：http://www.xxljunjun.com/redbook一、搭建项目npminitvite@latest踩坑：vite项目需要node版本大于16！！！通过vite@latest创建的是vite3.0.7的版本npmrundev启动项目二、配置路径别名踩坑：vite中不支持require()语法！！！编辑vite.config.ts//如果报错就安装：npminstall--sav
跨平台的开源播放器，比如VLC、MPV，开发的门槛都挺高的。如果能用Electron做播放器的话，添加一些个性的功能，应该会比较简单，写一些html、js就可以。使用Electron制作播放器碰到的最大问题是，H5标签只支持部分的视频格式。经过一段时间的研究，这个问题已经解决。目前基于Electron的跨平台全能播放器已经实现。使用ffmpeg支持所有视频格式在Electron应用里，H5标签支持视频的本地路径。H5标签只支持部分的视频格式（mp4、webm和ogg）。需要使用ffmpeg支持其他格式的视频文件（mkv、rmvb、flv...）。这里可以使用ffmpeg的nodejs封装库fl
前言：我们的项目是基于Elasticsearch来进行数据的存储与查询的，使用过ES的朋友应该都比较清楚，现在还没有一个比较友好的ES的桌面客户端软件可以和MySQL的桌面客户端软件媲美的，使用ES起来非常麻烦，经常会被吐槽的三个点：资深测试吐槽：为什么技术选型要选择ES，增删改查个数据麻烦的一塌糊涂，严重影响我的测试效率!研发小白吐槽：新建索引的时候，字段的类型设置咋这么麻烦呢，脚本要写一大坨!研发交接吐槽：这么多索引字段，每个字段代表什么意思啊？没有相关的说明文档吗?一个有理想的程序员：没有工具那么我们就自己写一个呗，对于程序员来说，写个小工具还不是一件想到就能做到的事情吗？说干就干，没过
