Electron报错：Invalid ‘main‘ field in ‘XXX\dist_electron\package.json‘ of ‘background.js‘

最新推荐文章于 2025-05-28 08:15:00 发布
原创 最新推荐文章于 2025-05-28 08:15:00 发布 · 2.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

文章描述了在Electron项目中遇到DEP0128警告的问题，原因是package.json中的main字段无效。解决方法包括将dist_electron目录下的index.js重命名为background.js，并在vue.config.js中配置chainWebpackMainProcess，设置output.filename为background.js，以正确指定入口文件。

(node:4236) [DEP0128] DeprecationWarning: Invalid ‘main’ field in ‘E:\xxx\dist_electron\package.json’ of ‘background.js’. Please either fix that or report it to the module author
(Use electron --trace-deprecation ... to show where the warning was created)

解决方法 2步：

1.打包生成的 dist_electron 中 index.js 重命名为 background.js

 

2.根源解决 vue.config.js 中增加配置

chainWebpackMainProcess: (config) => {
   config.output.filename('background.js');
}

 

2024年了，如何从 0 搭建一个 Electron 应用
Becomin' Charles
02-20 3763
介绍了如何利用项目模板，一行命令快速创建一个直接能够运行的 Electron App。
Jitsi Meet Electron Desktop 在树莓派4中的编译
mctlilac的博客
04-20 854
1 - jitsi-meet-electron desktop 下载源代码 2 - 解压代码 进入文件夹 执行：npm install 3 - 执行 npm start 结果 4 - 修改 package.json
electron:build 打包报错,electron：serve经常 解决报错
IT13333的博客
11-22 4059
解决：打开cmd 执行 npm config edit。删除dist-electron 重新打包就 解决了。4.再重新执行 npm config edit。愿意是在package.json中缺少名字。.如果项目打包过程中报下面这个错。.如果项目打包过程中报下面这个错。打开配置文件 粘贴以下内容。加上name 就好了。5.在项目文件夹打开。
DeprecationWarning: Invalid ‘main‘ field in ‘C:\xxx\dist_electron\package.json‘ of ‘background.js‘.
liuzhengquan.cn
05-22 2984
DeprecationWarning: Invalid 'main' field in 'C:\xxx\dist_electron\package.json' of 'background.js'. Please either fix that or report it to the module author
解决vue中使用Electron下载慢的问题
changdaLY的博客
08-10 3892
解决vue中使用Electron下载慢的问题你
Electron报错Cannot find module的Node.js模块路径解决方案
shejizuopin的博客
05-28 1617
Electron开发中常见的"Cannot find module"错误通常由模块未安装、路径配置错误或版本不兼容引起。本文提供了系统解决方案：1)检查并重新安装模块；2)使用path模块或require.resolve()确保路径正确；3)验证Electron与Node.js版本兼容性；4)设置NODE_PATH环境变量；5)使用Webpack等打包工具。文章还包含错误场景分析表格和验证流程，帮助开发者快速定位和解决问题。通过优化模块路径配置和环境变量设置，可有效避免此类报错。
vue2+electron uilding app with electron-builder: • electron-builder version=22.14.13 os=10.0.19045 • loaded configuration file=package.json ("build" field) InvalidConfigurationError: 'build' in the application package.json (E:\vuelist\electron-vue\dist_electron\bundled\package.json) is not supported since 3.0 anymore. Please move 'build' into the development package.json (E:\vuelist\electron-vue\package.json) at Object.checkMetadata (E:\vuelist\electron-vue\node_modules\vue-cli-plugin-electron-builder\node_modules\app-builder-lib\src\util\packageMetadata.ts:78:11) at Packager.build (E:\vuelist\electron-vue\node_modules\vue-cli-plugin-electron-builder\node_modules\app-builder-lib\src\packager.ts:335:5) at Object.executeFinally (E:\vuelist\electron-vue\node_modules\vue-cli-plugin-electron-builder\node_modules\builder-util\src\promise.ts:12:14) { code: 'ERR_ELECTRON_BUILDER_INVALID_CONFIGURATION' }
03-13
针对具体的 `'build'` 字段移除情况，应该查看最新的 `electron-builder` 文档获取最准确的信息，并据此修改项目根目录下的 `package.json` 文件内的相应部分。如果存在自定义脚本或者插件也需同步更新其调用方法以...
> [builder 4/6] RUN npm install: 1.083 npm error code EJSONPARSE 1.084 npm error JSON.parse Invalid package.json: JSONParseError: Expected double-quoted property name in JSON at position 134 (line 6 column 43) while parsing near "...on/main.js\", // 👈 指向编译后的 Electro..." 1.084 npm error JSON.parse Failed to parse JSON data. 1.084 npm error JSON.parse Note: package.json must be actual JSON, not just JavaScript. 1.088 npm error A complete log of this run can be found in: /root/.npm/_logs/2025-10-30T13_37_29_469Z-debug-0.log
最新发布
10-31
是因为你的 `package.json` 文件中包含了 **注释（`// 指向编译后的 Electron...`）**，而 `package.json` **必须是纯 JSON 格式**，不能包含 JavaScript 风格的注释。 --- ## ❌ 错误原因分析 你在 `package....
运行项目报错如下：D:\work\08\Substation_electron> npm run dev > substation-electron@1.0.0 dev > electron-vite dev vite v4.5.14 building for development... ✓ 3 modules transformed. Module format "cjs" does not support top-level await. Use the "es" or "system" output formats rather. file: D:/work/08/Substation_electron/src/main/store.js ✓ built in 40ms file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:2287 base = Object.assign(new Error(base.message), base); ^ Error [RollupError]: Module format "cjs" does not support top-level await. Use the "es" or "system" output formats rather. at error (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:2287:30) at Module.render (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:14056:20) at Chunk.renderModules (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:16544:41) at Chunk.render (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:16050:111) at file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:17682:72 at Array.map (<anonymous>) at renderChunks (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:17682:53) at Bundle.generate (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:17922:19) at async file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:26785:27 at async catchUnfinishedHookActions (file:///D:/work/08/Substation_electron/node_modules/rollup/dist/es/shared/node-entry.js:25910:16) { code: 'INVALID_TLA_FORMAT', id: 'D:/work/08/Substation_electron/src/main/store.js' } Node.js v20.19.3
08-14
在使用 `electron-vite` 构建项目时，如果遇到报错 `Module format cjs does not support top-level await`，这通常意味着构建工具在处理主进程或预加载脚本中使用了 `top-level await` 的模块时，未能正确识别或...
window搭建基于Electron的hyper开发环境踩坑
a66920164的博客
01-22 2273
此问题猜测为windows-build-tools会主动安装Visual Studio环境，且使用安装源为国外源，导致无法成功安装；，出现长时间加载后仍未响应的问题，网上一些回答表示就是需要较长时间，但用时超过12H后仍未加载成功，显然是不合理的。若执行上述操作后，成功出现UI界面，但界面卡死无响应，并提示 Permision 相关异常，请使用。文件中，尝试从谷歌地址下载谷歌插件，而因为众所周知的原因导致连接失败；，根据其异常提示，此处是尝试连接某个地址失败，随后抛出此异常；
使用vue-cli-plugin-electron-builder创建electron+vue项目
三巧的博客
12-28 7692
使用vue-cli-plugin-electron-builder创建electron+vue项目
node使用mongodb报错
weixin_47136046的博客
07-08 474
不是主node开发的，正好碰到问题，排查了改一下，并记录下。 问题如下： (node:4248) DeprecationWarning: `open()` is deprecated in mongoose >= 4.11.0, use `openUri()` instead, or set the `useMongoClient` option if using `connect()` or `createConnection()`. See http://mongoosejs.com/docs/4
nodejs 常见异常
dbc_zt的博客
01-08 1万+
nodejs 常见问题 一、nodejs 版本升级 原始环境 OS： win10系统，64位 node： 10.15.* 升级到最新环境 查阅资料显示使用如下命令 # 执行如下语句 npm i -g n # 报错如下 npm ERR! code EBADPLATFORM npm ERR! notsup Unsupported platform for n@7.0.0: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"
【桌面开发】Electron+vue框架+vs-code&vs-code调试环境搭建
产品：SmartApi；服务：大前端++；其他技术分享
09-23 2587
环境准备。
vue2+electron项目UnhandledPromiseRejectionWarning: ReferenceError: path is not defined错误
.
04-06 615
是应为没有导入 const path = require('path');这个问题是文件没有导入相关的以来包所产生的问题。找到文件的根路径导入。
Vue2+electron开发桌面端应用并实现自动更新
weixin_42613910的博客
11-11 816
打包安装默认是直接装在c盘的新建vue.config.js},nsis: {allowToChangeInstallationDirectory: true, //自定义安装路径},win: {url: "http://127.0.0.1:5502" //更新包地址}],},productName: 'electronDemo' //项目名（应用名）})
node 14.3.0 版本太高造成的问题 gulp 出现的问题
热门推荐
u013021467的博客
05-27 1万+
node 14.2.0 版本太高造成的问题 (node:28144) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) (node:28144) Warning: Accessing non-existent property
nodejs连接MongoDB数据库运行时报错
qq_52754960的博客
01-30 2941
解决：(node:13080) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. 用node链接mongo出现警告信息： (node:13080) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To
electron 渲染层和主线层通讯（ipcMain+ipcRenderer）
weixin_42623929的博客
09-04 661
config.output.filename('background.js') //解决 运行 yarn run electron:serve 报[DEP0128] DeprecationWarning: Invalid 'main' field in '\dist_electron\package.json' of 'background.js'.mirror: "https://npm.taobao.org/mirrors/electron/" //镜像设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值