quasar构建linux版本electron项目以及如何让electron程序在linux下运行

最新推荐文章于 2024-07-25 09:27:14 发布
最新推荐文章于 2024-07-25 09:27:14 发布
阅读量1k 收藏
点赞数
分类专栏： linux 文章标签： electron quasar linux build no-sandbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feinifi/article/details/113758003
版权

    quasar构建，默认命令是：

quasar build -m electron

    如果要支持linux，通常是直接加参数--target linux或者简写-T linux

quasar build -m electron --target linux

   正常情况下，编译构建可能会遇到网络问题。构建成功的话，会生成zip文件和一个名为linux-unpacked的文件夹。

   构建成功，好像在ubuntu下解压zip文件，并不能直接运行，不是因为可执行程序没有+x权限，真正的运行需要 在命令行下输入可执行程序然后加参数--no-sandbox。

    

    程序运行的截图：

    

 

 

luffy5459
关注
专栏目录
JS教程之使用 Pinia、Electron 和 Quasar 构建 Vue 3 桌面应用程序
iCloudEnd的博客
07-09 767
Quasar是 MIT 许可的基于 Vue.js 的开源框架，针对 SPA、SSR、PWA、移动应用程序、桌面应用程序和浏览器扩展，所有这些都使用一个代码库。它处理构建设置并提供符合 Material Design 的 UI 组件的完整集合。Quasar的座右铭是：由于以下原因，使用 Quasar 可以大大节省开发时间：它基于 Vue.js。 它提供了许多遵循 Material Design 准则的 UI 组件。 它有一个包含新功能的定期发布周期。 它为每种构建模式（SPA、SSR、PWA、移动应用、桌面应
quasar2&vue3开发之桌面端应用模式electron
m0_56895352的博客
02-28 400
命令执行后会生成这个文件包，同时electron所需的依赖也会一起被下载但是可能会出现下载报错的情况，这里的处理方式是使用electron的淘宝镜像就没问题了，在运行命令前先设置淘宝镜像。electron淘宝镜像 npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
quasar build -m electron 报错 RequestError: read ECONNRESET 解决
zd1207366899的博客
04-24 2260
quasar-cli创建的项目打包在执行到 App · Bundling app with electron-packager… 时卡顿一会然后报错如图： 解决办法：quasar.conf.js 中添加代理配置 electron: { bundler: "packager", // 'packager' or 'builder' packager: { download: { mirrorOptions: {
electron TodoList网页应用打包成linux deb、AppImage应用
最新发布
weixin_42357472的博客
07-25 849
这里用的是windows的wsl的ubuntu环境electron应用打包linux应用需要linux下打包，这里用windows的wsl的ubuntu环境进行操作。
linux系统下运行quasar,Quasar Framework框架，我竟然还不知道...
weixin_42350544的博客
05-06 391
前几天推荐了一边关于2020年几个vue比较常用的ui框架，很多人在底下留言说Quasar很不错，于是就去官网看了一下，第一眼很是惊艳，不比elementUI , Framework7这些差，感觉elementUI 的竞争对手来了。也许是比较新，国内关注者不太多，在GitHub上面有14.7kstar，虽然现在受关注度远不及饿了么，但我觉得前端开发者都应该去看看这个框架，写这个框架的作者很活跃，更...
Electron-builder Linux平台打包安装后执行的shell脚本(deb)
微笑的 Java
08-03 3393
1.package.json 文件 build 下的 nsis 和 linux配置 "nsis": { "oneClick": false, "allowElevation": true, "allowToChangeInstallationDirectory": true, "installerIcon": "./build/icons/icon.ico", "uninstallerIcon": "./build/icons/icon.i..
【Electron-vue】构建桌面应用（5）-Linux下打包安装程序deb文件
chenqk_123的专栏
09-21 5258
1.前言 在上一篇博客中讲到交叉打包的问题，但是很遗憾的是，目前做不到。 在window下打包的可执行程序，无法在Linux下执行，并且会出现core dumped的问题，目前无法解决 在Linux下可以通过build生成windows下的可执行程序，并且在windows下可执行，而且在windows下通过Inno Setup打包生成可安装程序 那接下来就是调研怎么在Linux系统中生成可执行程序。 2.Linux下生成可执行程序 1.准备工作 因为VS code9（以下简称VS）开发工具
electron打包在linux运行
weixin_47063459的博客
07-14 8063
前几天老大让我把别人写好的electron打包放到服务器里，没搞过，一头雾水，一步一步踩坑呗 先在网上搜electron打包打成linux版本 { "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "pack
quasar-electron
05-26
QuasarElectronApp（类星体电子） 类星体+电子+ Vue类星体...在开发模式下启动应用程序（热代码重新加载，错误报告等） quasar dev 整理文件 yarn run lint 构建用于生产的应用 quasar build 自定义配置 请参阅 。
一、 electron-vue + quasar 环境搭建
Fx的博客
11-15 3183
electron 和 quasar 简介 electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,简单来说就是使用HTML那套做GUI程序。 quasar 简单来说是一套基于VUE的控件库，采用Material风格。 开发工具 vscode webstorm atom … 使用什么工具看个人喜好,这里使用的VSCode 我用的开...
程序员为什么还要刷题-electron-quasar-file-explorer:使用Vue/Quasar/Electron的简单文件资源管理
07-07
程序员常刷题使用 Quasar（和 Vue）构建电子文件浏览器 注意：此 repo 已升级为使用 Quasar ...的问题，这是因为您使用了npm并且它找不到它，即使它是通过quasar注入到构建中的。 请安装yarn ，删除您的
quasar：Quasar Framework-在创纪录的时间内构建高性能的VueJS用户界面
02-02
在创纪录的时间内构建高性能的VueJS用户界面：响应性单页应用程序，SSR应用程序，PWA，浏览器扩展，混合移动应用程序和Electron应用程序。 如果需要，全部使用相同的代码库！ 请通过您的网站/ app / Quasar教程/...
linux动态库 热更新,electron 热更新实现方式
weixin_28864057的博客
05-13 529
1、electron是一个外壳 + html+js+css(数据包)按照官方的逻辑，采用electron-builder的时候 会直接打包成asar如果单单是打包html文件也就算了，关键里面还打包的node-module 整整100MB 我只更新个html，不可能对node-module重新打包吧。方法：1、用electron-build里面的 build -dir 方法，先打包成目录...
quasar如何打包electron桌面应用安装包（可以发给好友安装的那种！
前端小白学习中...
11-08 1830
再添加quasar electron模式 quasar mode -a electron 在package.json的scripts对象中加上 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build": "node build/build.js", "electron_dev": "npm run build && electron ...
基于linux系统安装开发electron
Only No.1
02-01 1329
基于上一篇博文搭建安装node之后，开始electron在linux环境下的搭建环境 1.安装cnpm sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成之后要想全局用cnpm必须建立软连接 sudo ln -s /usr/local/node/lib/node_modules/cnpm /usr/local/bin/cnpm 安装cnpm成功 2.如果npm安装速度可以的话，第一步可以忽.
electron打包在linux环境运行,通过Electron基于网页版打包Linux端飞书（Electron-Lark）...
weixin_39651488的博客
05-03 1570
在Linux系统下使用飞书，可使用下面提供的通过Electron基于网页版打包的Linux端飞书(Electron-Lark)，提供deb和tar.xz包下载，支持Deepin、Ubuntu等版本。简介Electron版的飞书Feishu (原Lark)，对网页版本进行封装。相比起普通网页版，功能如下：独立的运行窗口，不容易误关闭。关闭程序时后台运行，隐藏到通知栏小图标，双击可重新打开界面。新消息...
在Window下打包Electron的linux包
linzhi12的博客
07-23 8442
在Window下打包Electron的linux包 写这份文档主要是记录一下在Window系统下打linux的electron包的一些坑以及方法。 首先，第一次接触的时候，看electron官网中写道可以构建多平台的包，理所当然的以为可以在一个平台下打不同平台的包。于是乎尝试了一下： 报错如下，多方查证度娘，得到的结果是，本来可以。但是由于该服务在去年就挂了之后window环境下就无法打linux的包。好嘛，难道我一定要去liunx下重新搭个环境吗？ 其实不然。 查找过程和解决办法: 首先我使用的elect
01-03 Electron + dotnet 5 Blazor + ElectronNET.API在linux下发布
菜鸟爱飞不飞的博客
01-31 640
目录一、安装npx二、安装ectron-builder三、安装asar四、修改`electron.manifest.json`配置五、压缩项目文件六、打包七、运行 一、安装npx npm install -g npx 建立软链接(路径为node安装路径) sudo ln -s /home/lanyp/application/node/bin/npx /usr/local/bin/ 二、安装ectron-builder npm install -g ectron-builder 建立软链接(路径为no
Electron问题集（二）electron构建Linux
Chris专栏
03-28 1088
首先明确目标Linux系统的版本 然后配置package.json文件 注：打包时的格式，package.json格式 运行语句 npm run-script package 打包完成
require() of ES Module D:\DeskTop\koa2\scoket\.quasar\dev-electron\electron-main.mjs not supported.
03-30
require()函数是Node.js中用于引入模块的方法，但是在ES Module中，不支持使用require()来引入模块。根据你提供的错误信息，看起来你正在尝试在一个ES Module文件中使用require()函数来引入模块。这是不被支持的。 在ES Module中，应该使用import语句来引入模块。你可以尝试将require()替换为import语句，例如： import moduleName from 'modulePath'; 其中，moduleName是你要引入的模块的名称，modulePath是模块的路径。 如果你的代码需要在Node.js环境下运行，并且需要使用require()函数来引入模块，你可以将文件的扩展名从.mjs更改为.js。这样，Node.js会将文件视为CommonJS模块，并支持使用require()函数。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luffy5459

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值