草庐IT

mini-vite

全部标签

使用vite-plugin-style-import插件报错Cannot find module ‘consola‘和解决方法

使用的Vite创建的项目,使用 unplugin-vue-components 来进行按需加载。但是此插件无法处理非组件模块,如message,这种组件需要手动加载,如:import{message}from'ant-design-vue'import'ant-design-vue/es/message/style/css'由于已按需导入了组件库,因此仅样式不是按需导入的,因此只需按需导入样式即可。使用 vite-plugin-style-import 可以帮助我们按需引入样式安装:npmivite-plugin-style-import-D//或者yarnaddvite-plugin-sty

Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js)

一、出现问题:Error:Modulebuildfailed(from./node_modules/mini-css-extract-plugin/dist/loader.js):ModuleBuildError:Modulebuildfailed(from./node_modules/postcss-loader/src/index.js):Error:ENOENT:nosuchfileordirectory,#原因将static文件夹的css文件删除了#解决方案新建一个项目,在static文件夹中,复制customicons.css和customicons.ttf,最后粘贴到当前项目的st

uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】

uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】问题:解决方案(将每一个页面的分享功能弄成组件调用):1、创建share.ts文件2、全局使用,在main.ts里面添加全局的mixin3、在需要的页面进行调用就行啦a.这个是第一种调用方式,用下面这段,总觉得有些麻烦后期不方便扩展与处理b.另外一种调用方式问题:微信小程序开发结束之后,点击右上角三个点显示:解决方案(将每一个页面的分享功能弄成组件调用):1、创建share.ts文件exportdefault{data(){return{//设置默认的分享参数share:{title:'小程序名称

【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

X书x-mini-sig_x-mini-mua

X书的tiny风控代码,成功运行x-mini-sig|x-mini-muapackagecom.xs;importcom.alibaba.fastjson.JSONObject;importcom.github.unidbg.AndroidEmulator

低功耗ASIC矿机处理芯片,IPOLLO MINI

产品型号:菠萝V1、V2,Vmini加密算法:Ethash币  种:ETH额定算力:iPolloVmini300MH/s(±5%)       iPolloV13600MH/s(±5%)       iPolloV25400MH/s(±5%)墙上功耗:iPolloVmini190W(±10%)       iPolloV12300W(±10%)       iPolloV23450W(±10%)连接方式:以太网显存:6G8G300m的静音小设备菠萝vmini首批现货首发中,这款机器的功耗是市场最低的一款,目前测试的数据为190w,等于几个电灯泡的功耗用电而已,算力300m相当于10张588卡的

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

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