electron使用rollup打包后,运行报错Could not dynamically require……

同学们可以私信我加入学习群!


@TOC


分析

这报错信息意思是rollup不支持动态的require,全部报错信息为:

==Could not dynamically require "./src/cat". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work==

打开软件时,报错如图:

这是我在electron项目中引入shelljs插件时引发的报错,引入方式为静态引入,但是有可能shelljs中存在动态引入,所以rollup打包时会报错无法支持动态引入的方式。


解决

可能会有很多种方式解决这个问题,我采用最方便的方式,将有问题的模块排除在外,让打包后的代码在运行时直接从node_modules中加载模块,一劳永逸。

简单而言,就是在vite或者rollup中配置external参数。如:

c 复制代码
external:[
        "electron",
        "shelljs"
    ]

看过前面我对rollup打包electron的介绍应该知道,我以脚本的方式加载了对rollup定制化的一些参数,我的rollup脚本是"rollup.config.main.js",这里的参数会覆盖vite.config.js中的参数,所以我如果在vite.config.js中配置external会无效。

如果各位同学所有的rollup参数都在vite.config.js中配置或者以插件的方式引入vite.config.js,那就不用考虑覆盖的问题。这个视情况而定。


总结

以后在electron的主进程中引入插件可能还会遇到这个问题,到时候统一使用这种方式排除模块即可。node版本管理可视化工具马上就要完成了,有兴趣的小伙伴可以提前关注一波。

相关推荐
Highcharts.js1 小时前
Highcharts 集成到 React 或 Vue 项目中时,如何高效地使用 TypeScript技巧?
vue.js·人工智能·react.js·typescript·前端框架·highcharts
Java后端的Ai之路10 小时前
CAS并发控制-从CPU指令到企业级乐观锁
vue.js·人工智能·python·cas·乐观锁
甘晴void15 小时前
我给 Magpie 做了个 macOS 桌宠:106 段动画,请求一多就亮灯
macos·electron·开源·deepseek·桌面宠物·magpie
还好还好不是吗15 小时前
我把开源项目托管给 AI 了:一句话提需求,AI 自己开发、自己测试、自己提 PR
electron
jktantan20 小时前
每个节点 41 字节:把一棵百万节点树拆进 14 个 typed array
前端·javascript·vue.js·算法·typescript
小大宇1 天前
Vue知识点-ElementPlus-06 单选+多选+下拉+日期选择
前端·vue.js·elementui
栀椩1 天前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
小大宇1 天前
Vue知识点-ElementPlus-05 输入框
前端·javascript·vue.js
软件技术NINI1 天前
基于SpringBoot和Vue的摇滚乐鉴赏网站
vue.js·spring boot·后端·spring·html·毕业设计·毕设
计算机毕设定制辅导-无忧学长1 天前
《基于物品协同过滤的闲置书换购微信小程序设计开发》
java·vue.js·spring boot·微信小程序·uniapp·闲置书换购微信小程序·物品协同过滤算法