在使用 webpack 打包时，有时候会遇到类似如下错误的提示：
TypeError: Cannot read property 'apply' of undefined
这种错误通常会让人摸不着头脑，但是，很多情况下，这种错误是可以通过一些简单的方式来解决的。下面我们就一起来探讨一下这个问题。
问题的原因
通常情况下，webpack 打包出现上述的错误提示，是因为在打包过程中，webpack 遇到了一个没有预料到的情况，导致出现异常错误。具体来说，主要有以下三种原因：
- 包的依赖关系不正确，导致某一个模块无法找到其依赖模块；
- 加载器处理模块出现问题，导致某个模块不能被处理；
- webpack 本身出现异常，导致出现错误。
解决方案
针对不同的原因，我们可以采取不同的解决方案来解决该问题。
检查依赖关系
首先，我们需要检查一下包的依赖关系是否正确。我们可以使用工具如 dependency-cruiser 来帮助我们分析包的依赖关系。如果找到了问题，可以通过修改 package.json 文件中的 dependencies 或者 devDependencies 对应的版本号等方式进行解决。
检查加载器
其次，我们需要检查一下加载器是否正确处理了模块。我们可以通过以下方式来单独检查某一个模块是否能够成功处理：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- --------
------- ---------------
-------- -
-------- ----------------------
--
-------- ----------------------------------
--
--
--
--这里，我们使用了 babel-loader 作为示例，但是不同的加载器可能会有不同的参数配置等。如果检查出现了问题，可以只针对该模块或者加载器进行排重和调试。
检查 webpack
最后，如果以上两个方面都没有问题的话，我们需要重新检查一下 webpack 是否存在一些异常。我们可以先尝试删除掉所有的缓存和临时文件，然后尝试重新运行 webpack。此外，也可以考虑升级 webpack 版本或者查看 webpack 官方文档，以确定该问题是否是 webpack 本身的 bug。
示例代码
这里，我们提供一份 webpack 的标准配置文件，可以使用该配置文件作为参考，来解决上述问题：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
----- -------------
------ -
---- -----------------
--
------- -
----- ----------------------- --------
--------- ------------
--
------- -
------ -
-
----- --------
------- ---------------
-------- -
-------- ----------------------
--
-------- ----------------------------------
--
--
--
--总结
通过上述方法，我们可以快速地解决 webpack 打包报错 "TypeError: Cannot read property 'apply' of undefined" 的问题。但是，在使用 webpack 进行开发和构建时，我们还需要注意一些其他的问题，例如性能优化、构建速度等其他方面的问题。希望本篇文章能够对大家在前端开发中的工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6594aa67eb4cecbf2d8f811c