Angular App：'@ angular / animations'中找不到“导出'AnimationBuilder'”

Question

我有一个Angular4应用程序（由hyperledger composer自动生成）。

我使用以下命令安装了角度/动画：

Restore NuGet Packages

我收到了以下警告：

npm install --save @angular/animations@4.0.0

此警告警告没有意义，因为安装了Angular/core@4.0.0（package.json文件的屏幕截图）：

无论如何......在运行应用程序时，浏览器中的一切看起来都很好。但在控制台中，将显示以下错误消息：

@angular/animations@4.0.0 requires a peer of @angular/core@4.0.0 but none is installed. You must install peer dependencies yourself.

但是，导入BrowserAnimationsModule后，整个应用程序都会崩溃。

在浏览器中，显示以下错误消息：

我该如何解决这个问题？

Answer 1

首先

  

这个警告警告毫无意义，因为安装了Angular/core@4.0.0。

在您的依赖项中，您有@angular/core: ^4.0.0。注意开头的插入符号（^）。插入符installs the most recent major version。这就是为什么你有一个未满足的依赖错误：你可能有{4}的最新4+版本之一，但另一方面，你明确安装@angular/core 4.0.0版本的@angular/animations 。您可以访问@angular/core并导航至node_modules来查看您实际使用的@angular > core > package.json的确切版本。

至于你的主要问题，我相信在Angular 4.2中添加了AnimationBuilder，这就是为什么你可能遇到问题，因为你正在安装4.0.0。将@angular/animations: 4.0.0中的条目package.json更改为@angular/animations: ^4.0.0，然后移除node_modules并再次运行npm i。