配置对象无效。 Webpack 已使用与 Angular 中的 API 架构不匹配的配置对象进行初始化

Posted 2023-03-13

【中文标题】配置对象无效。 Webpack 已使用与 Angular 中的 API 架构不匹配的配置对象进行初始化

【英文标题】：Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema in Angular

【发布时间】：2019-10-12 01:38:01

【问题描述】：

当我尝试运行“ng serve -o”来运行 Angular 应用程序时遇到了一个问题，出现错误消息“无效的配置对象。Webpack 已使用与 API 架构不匹配的配置对象进行初始化”

以前，角度“ng serve -o”正在工作，但是当我安装“npm install ngx-bootstrap --save”时，“ng add ngx-bootstrap --component datepicker”和“npm install webpack --save -dev”这个命令“ng serve -o”现在不起作用。

这是错误截图 https://imgur.com/J48f0ec

谁能帮我解决这个问题？

提前谢谢你！

【参考方案1】：

您的错误可能是由于安装 Webpack 造成的：

npm install webpack --save-dev

Angular CLI 已经拥有自己的 Webpack 依赖项，这就是它构建和服务应用程序的方式。将 Webpack 添加到您的项目可能会与 CLI 中的内部配置交叉。

尝试卸载 Webpack，看看是否可以再次提供该应用。

npm uninstall webpack

ng serve -o

【讨论】：

嗨@Dale Harris，感谢您的帮助。当我尝试卸载 webpack 并重新运行“ng serve -o”时，我仍然收到错误消息“无效的配置对象。Webpack 已使用与 API 架构不匹配的配置对象进行初始化”这是屏幕截图：@987654321 @非常感谢你

@NekZurc 不幸的是，它可能需要一些试验和错误。接下来我会尝试这些命令：从依赖项中删除 Webpack：npm uninstall webpack --save-dev;清理 NPM 缓存：npm cache clean；重新安装你的包：npm install;再次尝试为应用提供服务：ng serve -o

非常感谢@Dalle 的帮助，现在当我尝试重新安装“npm install”时它工作正常