材料2 - 意外的令牌

Question

所以我使用.NET WebAPI解决方案来使用Angular 4和Material 2.自导入动画以来 - BrowserAnrimationsModule和NoopAnimationsModule

我收到此错误 -

Error: Unexpected token <
  Evaluating http://localhost:9000/node_modules/@angular/platform-browser/bundles/platform-browser.umd.js/animations

我的app.module.ts看起来像

import { NgModule } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MaterialComponentsModule } from './core/material-components.module';
import { FormsModule } from '@angular/forms';
import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';

import { AppComponent } from './app.component';
import { routing } from './app.routing';
import { HomeComponent } from './components/home.component';
import 'hammerjs';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        BrowserAnimationsModule,
        NoopAnimationsModule,
        ReactiveFormsModule,
        HttpModule,
        routing,
        MaterialComponentsModule        
    ],
    declarations: [AppComponent, HomeComponent],
    providers: [{ provide: APP_BASE_HREF, useValue: '/' }],
    bootstrap: [AppComponent]
})

export class AppModule { }

在我没有导入所有正确的依赖项之前，我已经遇到此错误。不过我现在相信我有。所以我迷路了。

任何帮助将不胜感激！