草庐IT

electron-vite

全部标签

【vue3 + vite】: Invalid VNode type: undefined (undefined)

在使用vue3注册全局组件的时候,使用 app.component注册组件在使用的时候会报:InvalidVNodetype:undefined(undefined)的错误。constcomponents=import.meta.glob("../components/form/*.vue");functionautoRegisterComponents(app:App){Object.entries(components).forEach(([file,module])=>{constname=file.split("/").pop()?.replace(/.vue/,"")asstring

解决vue-electron element-UI中el-table表格不显示

问题:element-UI官网上el-table组件,引入自己项目的时候表格不显示。解决方案:修改.electron-vue\webpack.renderer.config.js将letwhiteListedModules=['vue']修改为letwhiteListedModules=['vue','element-ui']即可解决。

Vue3+TypeScript+Vite如何使用require动态引入类似于图片等静态资源

问题:Vue3+TypeScript+Vite的项目中如何使用require动态引入类似于图片等静态资源!描述:今天在开发项目时(项目框架为Vue3+TypeScript+Vite)需要动态引入静态资源,也就是img标签的src属性值为动态获取,按照以往的做法直接是require引入即可,如下代码:imgclass="demo":src="require(`../../../assets/image/${item.img}`)"/>写上后代码波浪线报错,报错提示:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用npmi--save-dev@types/node。ts(258

Vue3+TypeScript+Vite如何使用require动态引入类似于图片等静态资源

问题:Vue3+TypeScript+Vite的项目中如何使用require动态引入类似于图片等静态资源!描述:今天在开发项目时(项目框架为Vue3+TypeScript+Vite)需要动态引入静态资源,也就是img标签的src属性值为动态获取,按照以往的做法直接是require引入即可,如下代码:imgclass="demo":src="require(`../../../assets/image/${item.img}`)"/>写上后代码波浪线报错,报错提示:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用npmi--save-dev@types/node。ts(258

javascript - Electron 应用程序在需要 SQLITE3 时出现异常

package.json"name":"billingapp","version":"1.0.0","description":"","main":"index.js","scripts":{"rebuild":"electron-rebuild-f-wbillingapp"},"author":"SKundu","license":"ISC","dependencies":{"electron":"^1.7.11","sqlite3":"^3.1.13"}"devDependencies":{"electron-rebuild":"^1.7.3"}index.jsconstelect

javascript - Electron 应用程序在需要 SQLITE3 时出现异常

package.json"name":"billingapp","version":"1.0.0","description":"","main":"index.js","scripts":{"rebuild":"electron-rebuild-f-wbillingapp"},"author":"SKundu","license":"ISC","dependencies":{"electron":"^1.7.11","sqlite3":"^3.1.13"}"devDependencies":{"electron-rebuild":"^1.7.3"}index.jsconstelect

vue中vite.config.js配置跨域以及环境配置详解

如何配置跨域,代理域名,下面是vite的代理server:{port:8516,host:true,open:true,proxy:{'/license-province':{target:'http://xxx.xxx.x.xxx:xxxx',changeOrigin:true,//是否跨域rewrite:(p)=>p.replace(/^\/license-province/,'license-province')//重写路径}}},区分开发环境和生产环境,以及预发布环境在根目录创建.env[mode]文件,在项目执行npmrundev的时候vite会自动去读取.env.developme

vue3初始搭建项目完整教程 vue3 + vite + element-ui + axios

一、项目安装npminitvite@latesttest二、安装router1.安装npminstallvue-router@4-S2.创建目录3.在router下新增index.jsimport{createRouter,createWebHistory}from"vue-router";importHomefrom"../views/Home.vue";constroutes=[ { path:"/", name:"Home", component:Home, }, { path:"/about", name:"About", component:()=>import(/*w

vite+vue3搭建uniapp开发环境

原文链接:vite+vue3搭建uniapp开发环境最近想搞个移动端或小程序的Vue3项目,所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台,Taro与uniapp,但uniapp貌似对vue3的支持不是特别友好。所以让我在Taro和uniapp之间抉择了一段时间,最终还是尝试选择相对熟悉的uniapp来进行开发。:::caution前排提醒目前uniapp对Vue3的支持还处于alpha版,即开发阶段,大概率是会遇到很多问题的。:::开发环境搭建建议安装HBuilderX,主要是unicli在APP平台仅支持生成离线打包的wgt资源包,不支持云端打包生成apk/ipa,并且也

vite+vue3搭建uniapp开发环境

原文链接:vite+vue3搭建uniapp开发环境最近想搞个移动端或小程序的Vue3项目,所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台,Taro与uniapp,但uniapp貌似对vue3的支持不是特别友好。所以让我在Taro和uniapp之间抉择了一段时间,最终还是尝试选择相对熟悉的uniapp来进行开发。:::caution前排提醒目前uniapp对Vue3的支持还处于alpha版,即开发阶段,大概率是会遇到很多问题的。:::开发环境搭建建议安装HBuilderX,主要是unicli在APP平台仅支持生成离线打包的wgt资源包,不支持云端打包生成apk/ipa,并且也