electron vite-plugin-electron vite plugin

Electron 或 Node.js 判断当前设备是否支持触摸屏

在 Windows 系统上,可以通过注册表项 `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet PC\IsTabletPC` 获取当前设备是否支持触摸屏 ......
触摸屏 Electron 设备 Node js

Electron的使用技巧及打包超时解决该当

打包出错:An unhandled rejection has occurred inside Forge:RequestError: Socket connection timeout 错误本质是链接超时 解记方案 项目根目录创建文件:.npmrc 增加内容:electron_mirror=htt ......
使用技巧 Electron 技巧

com.jfinal.plugin.activerecord.ActiveRecordException: You can't update model without Primary Key, id can not be null.

jfinal更新信息的时候,返回错误: com.jfinal.plugin.activerecord.ActiveRecordException: You can't update model without Primary Key, id can not be null. 解决: 查看自已设置的I ......

vue3+vite+js中二次封装axios

一、安装axios npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
axios vue3 vite vue js

vite引入assets图片,用于生产环境

getUrlByCode(code) { const path = `../../assets/images/device/${code}.png`; const modules = import.meta.glob("../../assets/images/device/*",{eager:tru ......
环境 assets 图片 vite

ICEE-Microchip-MPLAB X IDE-MCC Plugin + MCC Core + MHC(MCC Harmony Core) versions and compatibility

https://microchip.my.site.com/s/article/MPLAB-X-MCC-plugin--MCC-Core-and-MCC-Harmony-Core-versions-and-compatibility Aug 17, 2023•Knowledge rticle Num ......

vite 打包正式环境报错 require is not defined

本质原因是因为浏览器不识别commonJS的语法,需要通过插件做转换 解决方法: 方法1:项目代码中使用了require语法,使用这个插件便可以转换 npm i vite-plugin-commonjs -S // vite.config.js import requireTransform fro ......
require defined 环境 vite not

Vite原理

当前工程化的痛点 在浏览器支持ES Module之前,JavaScript并没有提供原生机制让开发者以模块化的方式进行开发。这也是打包工具诞生的原因:使用工具抓取,处理并将源码模块串联成可以在浏览器中运行的文件。 虽然现在有webpack,Rollup等工具,极大地改善了前端开发者的体验。但是当构建 ......
原理 Vite

vite编译为什么会报错“__vite-browser-external:node:path、fs、url...”

当你在使用 Vite 打包时,遇到类似于 `__vite-browser-external` 的错误消息,通常是因为在代码中尝试导入浏览器不支持的模块。 `__vite-browser-external` 是 Vite 内部的一个机制,用于替换浏览器环境中无法直接访问的 Node.js 核心模块。例 ......

NestJs系列之使用Vite搭建项目

介绍 在使用nest创建项目时,默认使用webpack进行打包,有时候启动项目需要1-2分钟。所以希望采用vite进行快速启动项目进行开发。 本文主要使用NestJs、Vite和swc进行配置。文章实操较多,概念性的东西可访问对应的官方文档进行了解。tips: 个人认为概念性的东西,在文章中指出。对 ......
项目 NestJs Vite

PyQt报错could not find or load the Qt platform plugin "windows"

PyQt报错could not find or load the Qt platform plugin "windows" 解决方法 搜索plugins\platform,找到一个platform文件夹(比如F:\conda_env\envs\ml\Lib\site-packages\PyQt5\Q ......
quot platform windows plugin could

Teamcenter AWC开发报错 ESLintError in plugin "gulp-eslint"

1、npm run refresh 没有报错,npm run build会报错 ✖ 34 problems (1 error, 33 warnings) 0 errors and 12 warnings potentially fixable with the `--fix` option. [08 ......

Vite + Vue配置路径别名@代替 ./src

1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......
别名 路径 Vite Vue src

vite5报错Uncaught ReferenceError: require is not defined的代替方案

const files = import.meta.glob('./*.js',{eager:true}) //会得到一个对象 注意引入路径里绝对不能带有变量,会报错 //{eager:true}是定义是否同步引入的参数,去掉会得到几个异步函数,根据自己的需求写就行了 console.log(fil ......

electron-vite导出多个preload

在electron-vite创建项目的时候,src目录下会建立三个目录 第一个是主进程文件,第二个是预渲染进程文件,第三个是渲染进程文件 对于preload,默认的是导出下面的index.ts到out/preload下面,但是如果我们想导出多个preload,应该怎么设置? 在electron.vi ......
electron-vite electron 多个 preload vite

vue3 vite.config.ts 如何增加构建时间,并展示在index.html里面

首先需要安装vite-plugin-html插件 在vite.config.ts文件中增加如下代码: plugins: [ createHtmlPlugin({ minify: true, pages: [ { template: 'index.html', filename: 'index.htm ......
时间 config index vue3 vite

nerdctl run -d 报"failed to call cni.Setup: plugin type=\"bridge\" failed (add) 问题处理

背景:执行 nerdctl run -d --name nginx -p8080:80 nginx 时,报如下错误 FATA[0000] failed to create shim task: OCI runtime create failed: runc create failed: unable ......
quot failed nerdctl bridge plugin

如何从Webpack迁移到Vite

本文将介绍如何将前端web应用程序从 Webpack 升级到 Vite。 Vite 是最新的前端开发工具,其受欢迎程度和采用率都在大幅增长。可以查看下图中来自 npm trends 的下载。 推动这一趋势的是 Vite 核心的一个关键概念:开发人员体验。与 Webpack 相比,Vite 在开发过程 ......
Webpack Vite

electron老框架打正式包

一、 将call set_env.bat添加到build.bat和package.bat文件中 二、修改set_env.bat文件内的地址 WORKSPACE为项目代码地址 NODEJS_HOME为nodejs地址,查找方式(cmd中输入where node) YARN_HOME为yarn地址,如果 ......
框架 electron

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

electron项目同一壳版本号(目录)实现安装信息和内容不同(少量不同)

一、通过electron层的scripts中的build.nsi文件修改安装生成的set.ini文件内容 SetShellVarContext all /* 把当前安装包的名字写入set.ini,便于程序读取并设置{setupname}参数 */ IfFileExists "$INSTDIR\set ......
electron 版本 目录 项目 内容

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

electron-builder打包过程中报错——网络下载篇

https://github.com/electron/electron/releases/download/v8.2.0/electron-v8.2.0-win32-x64.zip 下载地址: https://github.com/electron-userland/electron-builde ......

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库,由 Vue 核心团队维护,旨在替代 vuex。pina 的更多介绍,可从 pina官网 查看 特点 更简洁直接的 API,提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
Typescript 状态 Vite4 Pinia Vite

学Vite(一、核心知识)

前言 先说一下写这个系列文章的念头哈,起因应该是之前在那块听过一次课,里面讲的编写一个vite插件,使用marked将转换md文件转换成js代码然后在Vue组件中使用的一个案例(用md来生成组件库文档)。 代码大概是这样子的。当时的vite版本使用的是2.5.3。 import path from ......
核心 知识 Vite

Go plugin

创建plugin_1.go&编译 package main import "fmt" func Greet(name string) { fmt.Println("Hello", name) } go build -buildmode=plugin -o xxxx.so plugin_1.go 加载 ......
plugin Go

react项目vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='

问题: vite报错:UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' 今天clone一个vite的项目,安装依赖后运行npm run dev报错: UnhandledPromiseRejectionWarni ......

vue3+vite项目优化静态资源使用云存储

项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
静态 项目 资源 vue3 vite

vite 子项目 热部署 通过nginx,和父项目端口号不同,导致热更新的websocket报错的解决方案

vite 子项目 热部署 通过nginx,和父项目端口号不同,导致热更新的websocket报错的解决方案 我的父项目端口号是8888 子项目端口号是 8013 这里报错的原因就是,热更新的websocket在8013的服务上,但是页面访问的是8888端口的websocket 所以自然会爆红 ......

vite ts 安装 js-cookie 库,vscode找不到类型说明(有波浪线),解决方案

vite ts 安装 js-cookie 库,vscode找不到类型说明(有波浪线),解决方案 先安装库 https://www.npmjs.com/package/js-cookie 再安装类型 https://www.npmjs.com/package/@types/js-cookie 问题 然 ......
波浪 js-cookie 解决方案 类型 方案