Webpack 4.8.3报错e.merge is not a function问题求助

我之前也碰到过类似的依赖更新后兼容性问题，结合你的报错信息和依赖版本，给你几个针对性的解决方向：

1. 升级RxJS版本以匹配Angular 6 #

你的项目用的是RxJS 5.5.2，但Angular 6官方推荐搭配RxJS 6.x版本使用，旧版本的RxJS和新的Webpack、@ngtools/webpack可能存在兼容性冲突，这很可能是导致merge方法找不到的核心原因。

执行以下命令升级RxJS并安装兼容包（兼容旧代码写法）：

npm install rxjs@6.5.5 rxjs-compat@6.5.5 --save

（选择6.5.5是因为它是RxJS 6系列的稳定版本，和Angular 6适配性最好）

2. 清理缓存并重新构建项目 #

依赖更新后，残留的缓存文件或旧打包产物很容易引发奇怪的错误，建议按以下步骤彻底清理：

• 删除项目根目录下的node_modules文件夹
• 删除package-lock.json文件（如果用Yarn则删除yarn.lock）
• 重新安装所有依赖：npm install
• 清理Angular CLI缓存：ng cache clear
• 重新构建前端项目：ng build --prod（先生产构建确保没有问题）
• 再运行.NET Core项目：dotnet run

3. 对齐@ngtools/webpack和Angular CLI版本 #

你的Angular CLI版本是6.0.1，但@ngtools/webpack用的是6.0.0，这两个包版本不一致也可能导致构建过程中的兼容性问题。执行命令把@ngtools/webpack升级到和CLI同版本：

npm install @ngtools/webpack@6.0.1 --save-dev

4. 检查代码中RxJS操作符的使用方式 #

如果升级RxJS后问题还存在，需要检查项目代码中是否有使用旧版RxJS的操作符写法，比如：

// 旧写法（RxJS 5.x）
import { Observable } from 'rxjs';
Observable.merge(obs1, obs2);

在RxJS 6中应该改为：

// 新写法（RxJS 6.x）
import { merge } from 'rxjs';
merge(obs1, obs2);

如果项目中有大量旧代码不想修改，rxjs-compat包可以帮你兼容这种旧写法，但长期来看还是建议逐步迁移到新写法。

内容的提问来源于stack exchange，提问作者MuhanadY