Fehler mit Animationen Modul, wenn zu Angular4 Upgrade

Question

ich im Moment ein Problem habe, wo, wenn ich das ‚BrowserAnimationsModule‘ Modul in meiner Anwendung umfassen bekomme ich folgende Fehler:

(index):26 Error: (SystemJS) Cannot read property 'prototype' of undefined 
    TypeError: Cannot read property 'prototype' of undefined 
     at __extends (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:15:68) 
     at eval (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:328:5) 
     at Object.eval (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:337:2) 
     at Object.eval (http://degould-login.dev/app/app.module.js:36:20) 
     at eval (http://degould-login.dev/app/app.module.js:82:4) 
     at eval (http://degould-login.dev/app/app.module.js:83:3) 
     at eval (<anonymous>) 
    Evaluating http://degould-login.dev/app/app.module.js 
    Evaluating http://degould-login.dev/app/main.js 
    Error loading http://degould-login.dev/app/main.js 
     at __extends (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:15:68) 
     at eval (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:328:5) 
     at Object.eval (http://degould-login.dev/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:337:2) 
     at Object.eval (http://degould-login.dev/app/app.module.js:36:20) 
     at eval (http://degould-login.dev/app/app.module.js:82:4) 
     at eval (http://degould-login.dev/app/app.module.js:83:3) 
     at eval (<anonymous>) 
    Evaluating http://degould-login.dev/app/app.module.js 
    Evaluating http://degould-login.dev/app/main.js 
    Error loading http://degould-login.dev/app/main.js 
(anonymous) @ (index):26 
ZoneDelegate.invoke @ zone.js@0.8.4?main=browser:365 
Zone.run @ zone.js@0.8.4?main=browser:125 
(anonymous) @ zone.js@0.8.4?main=browser:760 
ZoneDelegate.invokeTask @ zone.js@0.8.4?main=browser:398 
Zone.runTask @ zone.js@0.8.4?main=browser:165 
drainMicroTaskQueue @ zone.js@0.8.4?main=browser:593 
ZoneTask.invoke @ zone.js@0.8.4?main=browser:464 

ich Figur versucht haben, dies heraus, aber ich kann nicht für das Leben von mir sehen, was hier falsch läuft.

Ich habe diese drei Zeilen in meiner SystemJS Konfigurationsdatei unter the'map‘Eigenschaft:

'@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', 

Und ich habe das Modul in meinem NgModule Objekt enthält:

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


//Instantiate the Angular Object 
@NgModule({ 
    imports: [ 
     BrowserModule, 
     BrowserAnimationsModule, 

Der Fehler ausgelöst wird, vor der Seite bekommen Sie sogar eine Gelegenheit zum laden.

Kann mir jemand einen Einblick geben, was hier passiert?

Dank

Answer 1

hatte ich das gleiche Problem und diesen Prozess gefolgt und es funktioniert für mich:

1. ein neues Projekt mit Angular CLI erstellen als

   npm install -g @angular/cli 
   ng new PROJECT-NAME 
   cd PROJECT-NAME 
   ng serve 
   

2. Borrow "Abhängigkeiten" von package.json aus dem von Angular CLI erstellten Projekt und ersetzen Sie das Paket.json Ihres Projekts durch das

3. Installieren erforderlich npm Pakete mit diesem Befehl

   npm install --save