angular - 找到了合成属性@state。请在您的应用程序中包括 "BrowserAnimationsModule"或 "NoopAnimationsModule"

将动画添加到应用程序时出现此错误。

我发现:Angular 4 - Import BrowserAnimationsModule or NoopAnimationsModule。我将条目添加到systemjs.config.js中:

'@angular/animations': 'node_modules/@angular/animations/bundles/animations.umd.min.js',
'@angular/animations/browser':'node_modules/@angular/animations/bundles/animations-browser.umd.js',
'@angular/platform-browser/animations': 'node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js'

我将导入添加到app.module.ts(根模块)中:

import { NgModule }         from '@angular/core';
import { BrowserModule }    from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
    imports:      [
        BrowserModule,
        BrowserAnimationsModule,
    ],
    declarations: [
      ...
    ],
    bootstrap:    [
        AppComponent
    ],
    providers:    [
        ...
    ]
})
export class AppModule { }

我还安装了动画包:

npm install @angular/animations@latest --save

我可能会缺少什么？

编辑:
我知道这个问题看起来非常像我所链接问题的完全重复，它具有多种答案。经历它们并没有帮助，这就是为什么我要我忽略的东西。

编辑2:
我还检查了Importing BrowserAnimationsModule Throws 404 - SystemJS Config Issue?，它针对的是已在Angular 4中命名的相同解决方案-Import BrowserAnimationsModule ...(上图)

编辑3:
如评论所述:
我已经导入了BrowserModule和BrowserAnimationsModule。上面的代码部分已更新，以反射(reflect)这一点。

编辑4:
当我将动画保存在应用程序的子模块中时，我尝试了所有三种变体:在根模块中进行导入，在子模块中进行导入以及在两种模块中均进行导入。

编辑5:
我检查了npm过时的软件包版本，并阅读How to update the angular2 version to the latest，发现了有关此bug的信息: npm update --save duplicates devDependencies as dependencies。我意识到我一直在用npm update --save更新我的软件包，这就是为什么许多软件包已经过时的原因。可悲的是，现在他们已经更新了，但仍然无法正常工作。

Package         Current   Wanted   Latest  Location
@types/jasmine   2.5.36   2.5.36   2.5.52  kidzpointz
@types/node      6.0.78   6.0.78    8.0.1  kidzpointz
jasmine-core      2.4.1    2.4.1    2.6.4  kidzpointz
protractor       4.0.14   4.0.14    5.1.2  kidzpointz
rxjs              5.0.1    5.0.1    5.4.1  kidzpointz
systemjs        0.19.40  0.19.40  0.20.14  kidzpointz
tslint           3.15.1   3.15.1    5.4.3  kidzpointz
typescript        2.4.0    2.4.0    2.3.4  kidzpointz

最佳答案

在下面添加会导入您的app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';

关于angular - 找到了合成属性@state。请在您的应用程序中包括 "BrowserAnimationsModule"或 "NoopAnimationsModule"，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44661332/