electron使用rollup打包后，运行报错Could not dynamically require……-Toy模板网

这篇具有很好参考价值的文章主要介绍了electron使用rollup打包后，运行报错Could not dynamically require……。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

分析

这报错信息意思是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使用rollup打包后，运行报错Could not dynamically require……,electron桌面端,electron,javascript,前端

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

解决

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

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

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，那就不用考虑覆盖的问题。这个视情况而定。