Electron+Vue3+TS 打包exe客户端

这篇具有很好参考价值的文章主要介绍了Electron+Vue3+TS 打包exe客户端。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Electron + Vue3 + TS 实战 - 掘金

如果报错loaderContext.getOptions is not a function

ts-loader版本不一致导致的问题。

解决方案:npm install ts-loader@8.0.0 --save文章来源地址https://www.toymoban.com/news/detail-665480.html

到了这里,关于Electron+Vue3+TS 打包exe客户端的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 现有的vue3+ts+vite项目集成electron

    Electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序框架。 Electron兼容Mac、Windows和Linux,可以构建出三个平台的应用程序。 安装依赖 原来有一个vue3+ts+vite+pnpm的项目,其中sub-modules是子项目,web是主入口项目,项目结构如下: 需要将其转换成Electron项目,只需要在原来

    2024年02月12日
    浏览(62)
  • 已经打包好了的vue dist文件夹,如何用electron打包成exe桌面应用

    先在项目根目录下(非dist根目录)安装electron electron-packager 再在项目根目录下(非dist根目录)安装electron-packager 然后在dist文件夹下创建main.js文件,内容为 再创建一个文件package.json 在非dist文件夹(注意,是非dist文件夹,就是原本没打包的项目文件里)的package.json文件里,改

    2024年02月19日
    浏览(53)
  • 使用Electron + Vue3 + TS搭建桌面端应用并可热更新

    以下是必要的技术: Electron 13.0.0 Vue3 + TS Electron-updater Node 16.13.1 Element-plus Less Meansjs 安装Vue-cli(如果未安装): npm install -g @vue/cli 创建Vue3项目: vue create electron-vue3 启动项目: yarn serve 安装Electron: vue add electron-builder 启动项目: yarn electron:serve 如果报错,需要安装ts-loader: yar

    2023年04月26日
    浏览(86)
  • Electron从构建到打包exe应用

    创建一个文件夹,在根目录执行以下几个命令 然后运行根目录执行命令npm run start 可以在命令行中看到hellow!!,此时项目算是跑通了 1.根目录新增index.html文件,写添加html的默认代码等标签,并添加一个hellow 2.根目录新增main.js 运行npm start ,会打开一个浏览器窗口 1.根目录新加新

    2024年02月15日
    浏览(41)
  • electron+vue3全家桶+vite项目搭建【24】设置应用图标,打包文件的图标

    demo项目地址 在electron中,我们可以通过electron-builder的配置文件来设置打包后的应用图标 因为mac环境下的图标需要特殊格式,这里我们可以利用electron-icon-builder进行配置 1.引入相关依赖 加入安装过程中卡在了 phantomjs-2.1.1-windows.zip的下载,可以直接去github上下载 这里我也放一

    2024年02月17日
    浏览(62)
  • vite+ vue3(现有项目或者新项目)+electron打包教程,以及electron代码热重载页面(保姆级教程),一文带你走完全过程

      1.删掉type这个字段,不然会报错  2.然后加上\\\"main\\\": \\\"electron/main.js\\\",  3.在scripts字段中加入启动electron的命令:如下图 5.这时候你去打开控制台输入输入npm run start会得到一片空白,展示如下页面 1.因为现在监听的是vue打包后的dist文件夹中的index.html 2.我就不教你们怎么打开那个

    2024年02月11日
    浏览(101)
  • electron-builder 打包 exe 异常错误集锦

    项目技术 vue-electron vue-router vuex vuex-electron element-ui echarts mysql 打包异常 Error: Unresolved node modules: vue Error: Unresolved node modules: vue     at D:CodeDemoVueVoiceAppnode_modules_app-builder-lib@20.44.4@app-builder-libsrcutilpackageDependencies.ts:112:21     at Generator.next (anonymous)     at Generator.tryCatcher

    2024年02月14日
    浏览(43)
  • 【Electron将HTML项目打包成桌面应用exe文件】

    1、初始化 此时项目多出一个package.json文件。 2、在根目录下新建main.js 3、安装electron 4、配置package的js文件 5、打包执行以下命令,此时会输出文件夹/out,找到exe文件就是打包程序的快捷方式,但是还没结束。我们只是通过electron-packager,将electron应用打包成可执行exe,我们还

    2024年02月10日
    浏览(39)
  • vite+vant+vue3新闻客户端app(一)

    http://toutiao.itheima.net/api.html#u5173u6ce8u7528u62370a3ca20id3du5173u6ce8u7528u62373e203ca3e https://gitee.com/git640640/news 你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue 项目,运行: 安装结束,命令提示你项目创建成功,按照命令行的提示在终端

    2024年02月09日
    浏览(36)
  • vue3 + electron mac编译打包报错:⨯ Exit code: ENOENT. spawn /usr/bin/Python ENOENT...

    今天electron打包异常,网上找了很久,现在记录下问题。 这个问题是因为:我的python 环境是 python3.9导致的。 问题 解决方案 1、下载python2.7 下载地址 2、找到安装的位置 3、配置.zshrc文件 完美解决

    2024年02月15日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包