解决webpack报错： configuration.plugins[0] should be one of these: object { apply, … } | function

Bertha 。 2023-10-16 16:21 29阅读 0赞

现象：

![ca1e7d6767cf44e7a662ee87ad034a1f.png][]

原因：**webpack的plugins不能接受空数组对象，数组中必须至少有一个插件实例**

![036efb8cea744934a8e1c67b543d477d.png][]

**解决办法：给plugins数组增加一个无害插件实例：new webpack.DefinePlugin(\{\}),**

![d172aa111b2d44b1809e6d2883a481be.png][]

关于无害插件实例来自ChatGPT的解释：

> "无害的插件实例" 是指一个插件实例，它在Webpack的构建过程中不会引入额外的功能或副作用。它不会改变构建的输出或行为，仅仅是一个占位符插件，用于满足Webpack的配置要求，以避免配置错误。
> 
> 在实际项目中，通常不需要添加无害的插件实例，因为合理配置的插件应该是有明确定义和有用的。然而，在某些情况下，特别是当需要在不同构建模式下切换时，添加一个无害的插件实例可以帮助满足Webpack的配置要求。
> 
> 例如，在之前的情况中，当你希望在开发模式下不使用任何插件时，为了满足Webpack的配置要求，你可以添加一个空的 DefinePlugin 插件实例，因为它不会引入任何额外的功能或影响构建输出。这个插件实例的作用就是占位，以满足Webpack的期望。
> 
> 总之，"无害的插件实例" 是一个在Webpack配置中被添加但不会改变构建输出或行为的插件实例，通常用于满足配置要求或临时解决问题。在实际项目中，建议尽量避免使用无害的插件实例，而是使用真正有用的插件来实现所需的功能。

[ca1e7d6767cf44e7a662ee87ad034a1f.png]: https://img-blog.csdnimg.cn/ca1e7d6767cf44e7a662ee87ad034a1f.png
[036efb8cea744934a8e1c67b543d477d.png]: https://img-blog.csdnimg.cn/036efb8cea744934a8e1c67b543d477d.png
[d172aa111b2d44b1809e6d2883a481be.png]: https://img-blog.csdnimg.cn/d172aa111b2d44b1809e6d2883a481be.png