使用webpack构建Node项目时遇‘this.getOptions is not a function’是Bug吗？

这个报错绝对不是babel-loader的代码Bug，核心是你使用的babel-loader版本与webpack 4.x不兼容导致的：

• webpack 4.x的Loader API中，获取配置的方法是this.query或loaderUtils.getOptions(this)，而this.getOptions()是webpack 5.x才新增的Loader API方法。
• 如果你安装的是babel-loader@9.x及以上版本，它内部已经改用webpack 5的this.getOptions()来获取配置，但你的webpack还是4.x版本，没有注入这个方法，所以会抛出TypeError: this.getOptions is not a function。
• 你看到babel-loader源码里没有定义this.getOptions()是正常的，因为这个方法是webpack给Loader上下文注入的，并非babel-loader自身实现。

解决办法 #

• 降级babel-loader到适配webpack 4的版本：执行npm install babel-loader@8.x --save-dev（推荐具体版本如babel-loader@8.3.0）
• 或者升级webpack到5.x版本，配合babel-loader@9.x使用，但升级webpack可能需要同步调整其他依赖（如webpack-cli、相关插件等），成本相对更高。

内容的提问来源于stack exchange，提问作者K.Yang