Electron + Vue3 + TS + Vite 桌面应用使用中遇到的问题

FenceRain

已于 2023-02-08 14:35:10 修改

阅读量2.1k

点赞数 3

分类专栏： electron VUE 文章标签： electron vue.js

于 2023-02-07 17:33:02 首次发布

本文链接：https://blog.csdn.net/FenceRain/article/details/128922588

版权

VUE 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

electron

1 篇文章 0 订阅

订阅专栏

在开发Electron桌面应用时遇到了两个问题：一是由于package.json中的type:module导致的Error[ERR_REQUIRE_ESM]，解决方法是移除该配置或更改文件扩展名；二是electron-builder打包异常，原因是main字段配置的入口文件不存在，需检查并修正package.json中的路径。

摘要由CSDN通过智能技术生成

Electron + Vue3 + TS + Vite 桌面应用使用中遇到的问题

问题一 Error [ERR_REQUIRE_ESM]: require() of ES Module

App threw an error during load
Error [ERR_REQUIRE_ESM]: require() of ES Module D:\eclipseDevelop\git\datacenter-winform\dist-electron\index.js from D:\eclipseDevelop\git\datacenter-winform\node_modules\electron\dist\resources\default_app.asar\main.js not supported.
index.js is treated as an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which declares all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" in D:\eclipseDevelop\git\datacenter-winform\package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead).

    at f._load (node:electron/js2c/asar_bundle:2:13330)
    at loadApplicationPackage (D:\eclipseDevelop\git\datacenter-winform\node_modules\electron\dist\resources\default_app.asar\main.js:121:16)
    at Object.<anonymous> (D:\eclipseDevelop\git\datacenter-winform\node_modules\electron\dist\resources\default_app.asar\main.js:233:9)
    at f._load (node:electron/js2c/asar_bundle:2:13330)
    at node:electron/js2c/browser_init:2:115363
    at node:electron/js2c/browser_init:2:115566
    at node:electron/js2c/browser_init:2:115570
    at f._load (node:electron/js2c/asar_bundle:2:13330)

处理方式

vite创建项目时package.json里有句 “type”: “module”，去掉这句就可以了

问题二 electron-builder 打包异常 Application entry file “dist\electron-main\index.js” in the “xxx\app.asar” does not exist

 ⨯ Application entry file "dist\electron-main\index.js" in the "F:\workspace\Vue3-Electron-Vite-TS-main\release\0.0.0\win-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration.