Angular 4升级至5后Webpack构建失败并报警告，寻求解决方案

我懂这种版本升级后踩配置坑的痛苦——你把 Angular 4 升到 5 之后用 Webpack 构建失败还出警告，查了资料也没解决，尤其是用 Visual Studio 自带的 .NET Core API + Angular 模板的情况，模板默认的 Webpack 配置很容易和 Angular 5 的要求不兼容。

你提到了 webpack.config.vendor.js 的插件配置，但没附上具体代码，不过我可以给你几个针对性的排查方向：

• 统一 Angular 核心依赖版本：先打开 package.json，检查所有 @angular/* 开头的包，确保它们都升级到了 5.x 的稳定版本，哪怕有一个包停留在 4.x，都可能引发版本冲突导致构建失败
• 清理 Webpack 配置中的过时内容：VS 模板的 webpack.config.vendor.js 可能还保留着 Angular 4 时期的配置，比如是否还在引用 angular2-polyfills（Angular 5 已经改用 core-js 相关 polyfill），或者某些 loader 版本过低——比如 awesome-typescript-loader 需要升级到适配 TypeScript 2.4+ 的版本（Angular 5 要求 TypeScript 版本在 2.4 到 2.6 之间）
• 别忽略构建时的警告和错误详情：哪怕是警告信息也能帮你定位问题，比如提示“模块找不到”“API 已废弃”或者“版本不兼容”，顺着这些提示去调整对应的依赖或配置项
• 升级 Webpack 及配套插件：Angular 5 对应的 Webpack 推荐版本是 3.x，如果你的项目还在用 2.x，大概率会出兼容性问题；同时 html-webpack-plugin、extract-text-webpack-plugin 这类插件也需要升级到适配 Webpack 3 的版本
• 检查第三方库的兼容性：如果项目里用了第三方 Angular 组件库（比如 PrimeNG、Ng-Zorro 这类），要确认它们有没有支持 Angular 5 的版本，很多库在 Angular 大版本升级时需要同步更新才能正常工作

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