FlexLayoutModuleが未定義として追加されています

Question

私はプロジェクトにFlexLayoutModuleを追加しようとしていますが、コンソールには未定義となっています。

正しくインストールされていることを確認しましたが、これは自分のnodemodulesフォルダに表示されています。ここに私のng.module.tsは、次のようになります。

import {BrowserModule} from '@angular/platform-browser'; 
import {NgModule} from '@angular/core'; 
import {FormsModule, ReactiveFormsModule} from '@angular/forms'; 
import {HttpModule} from '@angular/http'; 
import {MaterialModule} from '@angular/material'; 
import {FlexLayoutModule} from '@angular/flex-layout'; 

import {AppRoutingModule} from './app-routing.module'; 

import 'hammerjs'; 

/*---------- MODULES ----------*/ 

export const modules = [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    HttpModule, 
    MaterialModule.forRoot(), 
    FlexLayoutModule.forRoot(), 
    AppRoutingModule 
]; 

/*---------- COMPONENTS ----------*/ 

import {AppComponent} from './app.component'; 
import {TopNavComponent} from './core/top-nav/top-nav.component'; 
import {NotificationsComponent} from './core/notifications/notifications.component'; 
import {ProfileComponent} from './profile/profile.component'; 
import {PageTitleComponent} from './shared/page-title/page-title.component'; 
import {SettingsComponent} from './settings/settings.component'; 
import {UserEditorComponent} from './settings/users/user-editor/user-editor.component'; 
import {UsersComponent} from './settings/users/users.component'; 
import {DeleteUserDialogComponent} from './settings/users/delete-user-dialog/delete-user-dialog.component'; 
import {TagsComponent} from './settings/tags/tags.component'; 


export const components = [ 
    AppComponent, 
    TopNavComponent, 
    ProfileComponent, 
    NotificationsComponent, 
    ProfileComponent, 
    PageTitleComponent, 
    SettingsComponent, 
    UsersComponent, 
    UserEditorComponent, 
    DeleteUserDialogComponent, 
    TagsComponent 
]; 

/*---------- SERVICES ----------*/ 

import {NotificationsService} from './core/notifications/notifications.service'; 
import {UsersService} from './settings/users/users.service'; 
import { CaseNavComponent } from './settings/case-nav/case-nav.component'; 

export const services = [ 
    NotificationsService, 
    UsersService 
]; 

@NgModule({ 
    declarations: [...components, CaseNavComponent], 
    imports: [...modules], 
    providers: [...services], 
    entryComponents: [DeleteUserDialogComponent], // for angular material 2 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

Imは、コンソールになってエラーが、私ははっきりとそれがインポートされているものの、モジュールの定数配列のこの行は、未定義であることである：FlexLayoutModule.forRoot（） 、

アイデア？

Answer 1

インポートパスが正しくありませんでした。