草庐IT

electron-vite

全部标签

Could not resolve dependency: peer vite@“^2.5.10“ from @vitejs/plugin-vue@2.1.0

Couldnotresolvedependency:npmERR!peervite@“^2.5.10”from@vitejs/plugin-vue@2.1.0github中fork后:npmi安装项目依赖时报错:PSE:\download\vue-color-avatar-main>npminpmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedependencytreenpmERR!npmERR!Whileresolving:vue-color-avatar@1.0.0npmERR!Found:vite@3.0.3npmERR!node_modul

html - NW.js、Brackets-Shell 和 Electron 在功能上有什么区别?

现在TideSDK实际上已经死了,我一直在寻找替代的“package器”来将HTML/CSS/JS应用程序作为独立的桌面应用程序运行。到目前为止,我遇到的三个可行选项是NW.js(以前的node-webkit),brackets-shell,和Electron(以前的原子壳)。问题是,在功能集、兼容性等方面,这三者之间似乎没有足够完整的比较。我希望将其变成一个或多或少的规范线程(目标)三者之间的差异,特别是关于:平台支持;操作系统、依赖项等。语言功能支持,就HTML5、CSS3和JavaScript而言。想想“HTML5视频是否有效,如果有效,有哪些编解码器可用?”非标准的额外功能,例

html - NW.js、Brackets-Shell 和 Electron 在功能上有什么区别?

现在TideSDK实际上已经死了,我一直在寻找替代的“package器”来将HTML/CSS/JS应用程序作为独立的桌面应用程序运行。到目前为止,我遇到的三个可行选项是NW.js(以前的node-webkit),brackets-shell,和Electron(以前的原子壳)。问题是,在功能集、兼容性等方面,这三者之间似乎没有足够完整的比较。我希望将其变成一个或多或少的规范线程(目标)三者之间的差异,特别是关于:平台支持;操作系统、依赖项等。语言功能支持,就HTML5、CSS3和JavaScript而言。想想“HTML5视频是否有效,如果有效,有哪些编解码器可用?”非标准的额外功能,例

Vite 配置代理 Proxy,Vue配置代理,解决前端跨域

文章目录前言一、什么是代理?二、前端配置代理1.vue配置代理2.vite配置代理前言我们在做项目的时候经常会遇到跨域的问题,之所以会出现跨域问题是因为浏览器的同源策略,即协议、域名、端口需要一致,才可以访问服务端的资源。当一个请求地址(服务端的地址)的协议、域名、端口三者之间任意一个与当前页面地址(前端页面地址)不同即为跨域。一、什么是代理?代理就是通过一个特定的网络服务去访问另一网络服务的一种间接访问方式。就像我们访问国外网站使用VPN一样,同样也是使用了代理。可以理解为前端访问一个服务器地址(出现了跨域),而代理就相当于一个中间的地址转换,让前端不直接访问服务器,而是通过代理的中间转换来

vite 报错 does not provide an export named ‘default‘

版本vite3.2.3现象项目依赖BB依赖A运行时引用A报错Therequestedmodule‘/node_modules/A/lib/index.js?v=8bb229e7’doesnotprovideanexportnamed‘default’原因依赖A不是ES模块解决vite.config.ts添加配置exportdefaultdefineConfig({ ...optimizeDeps:{include:['A']}})

VITE+VUE3动态导入组件

概述通常的动态组件导入方式  vue中又是时候我们会使用到动态组件导入,比如路由组件的动态导入,一般类似路由组件的动态导入的方式:()=>import(path);()=>defineAsyncComponent(()=>import(path))vite中使用的错误但是这写方式进行动态导入组件的时候在vite+vue3项目下都是不行的,开发环境下给与如下的警告提示:TheabovedynamicimportcannotbeanalyzedbyVite.Seehttps://github.com/rollup/plugins/tree/master/packages/dynamic-impor

vite vue3+ts @引入无提示/解决提示报错

1.setting.json "path-intellisense.mappings":{"@":"${workspaceRoot}/src"},这时候已经有提示了但是ts会报错  tsconfig.json {"compilerOptions":{..."baseUrl":"./","paths":{"@/*":["src/*"],"#/*":["type/*"]}}}以@开头代表src目录下以#开头代表ts目录下 配置好后重新引入没有红色波浪线但是vite不认识@符号运行项目还是会报错 这时候就需要在vite.config.ts中添加配置import{defineConfig}from'v

vite引入@vitejs/plugin-legacy解决在低版本安卓浏览器白屏问题

使用ES6语法可能在某些低版本安卓浏览器打开项目时白屏。解决方案:引入@vitejs/plugin-legacynpmadd-D@vitejs/plugin-legacy --legacy-peer-deps在vite.config.js配置文件中引入:importlegacyfrom'@vitejs/plugin-legacy'配置:plugins:[react(),eslintPlugin(),svgr({exportAsDefault:true}),  legacy({   targets:['defaults','ie>=11','chrome52'], //需要兼容的目标列表,可以设

[plugin:vite:import-analysis] Failed to resolve import “@/views/Login.vue“ from “src\router\index.ts

报错截图报错原因是没有引入@相关的配置先安装path模块npminstall--save-dev@types/node修改vite.config.js文件import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve(__dirname,'src')}}})在重新启动项目就可以了

vue3+vite+js 引用public文件夹中js文件

1、/public/ep.jswindow.endpoints={api:'http://localhost:8080/api/v1'}2、页面入口index.html    在head中引入js文件........3、其他页面使用constapi=window.endpoints.api