角材2の取り付けに失敗しました

Question

角度2と材質が新です。 ang2を使ってAng2をインストールしましたが、今は基本的な素材 "Hello World"を手に入れようとしています。私は彼らのここにインストールし、次のよ

： https://github.com/angular/material2/blob/master/guides/getting-started.md 私はステップ2

日午前私はアニメーションをNPMインストールしましたが、私は参照を追加するかどうかはわかりません。それは、そのコードブロックを追加する場所を言っていないので、私はこのように、app.module.tsファイルにそれを追加してい

：

だから、

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
// added: 
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; // added 


import { AppComponent } from './app.component'; 

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

// added 
@NgModule({ 
    imports: [BrowserAnimationsModule], 
}) 
export class PizzaPartyAppModule { } 

を私はこれを行うとき、私はいくつかのエラーを取得します。角度/プラットフォームブラウザ/アニメーション@

は、それが角/プラットフォーム - ブラウザ/アニメーション「 『@』モジュールを見つけることができません」という（赤波線下線）私に語っ

私は私のフォルダ構造に見えます

• @angular
  • アニメーション
  • プラットフォームブラウザ
  ：私はこれを見つけます
  • • （ここでは無いのアニメーションフォルダ）

は、だから私は/角度/プラットフォームブラウザ/アニメーションに角度@ @変更アニメーション

そして今、 BrowserAnimationsModuleは、モジュールの角度/アニメーション/アニメーションには、エクスポートされたメンバーBがないことを（赤い波状の下線付きで）教えていますrowserAnimationsModule。

私はそれが何を望んでいるのか分かりません。

Answer 1

少し前と同じような問題がありました。私の問題は、角度4に依存していた角度材料2を使用していたことに起因しています。角度4は、効率のためにそのコアからアニメーションモジュールを削除します。それには問題があるようです。プロジェクトをAngular 2からAngular 4に更新したい場合があります（これは、アプリケーションの中断が発生する可能性があります）。私はこれがあなたの問題を解決すると思います。

Answer 2

「Ang2がインストールされています。そうであれば、2.0.0-beta.2の後にリリースされた材料は、Angular 2では機能しません。下記のbeta.3の材料の変更履歴を読むことができます。

https://github.com/angular/material2/blob/master/CHANGELOG.md

角度2.x.xと連携するための材料を得るために、あなたはbeta.2バージョンをインストールする必要があります。

npm install @angular/material@2.0.0-beta.2 --save 

次に、app.module.tsに移動し、マテリアルモジュールをインポートしてインポート配列に追加します。

import { MaterialModule } from '@angular/material'; 
@NgModule({ 
    imports: [ 
    MaterialModule 
    ] 
}) 

Angular 4をインストールしている場合は、スタートガイドに従って正しいパスを使用しています。 私は再びこれらの手順を実行することをお勧めします：

npm install --save @angular/material 
npm install --save @angular/animations 

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

@NgModule({ 
    ... 
    imports: [BrowserAnimationsModule, NoopAnimationsModule], 
    ... 
    }) 

あなたが使用することを決定したどちらの材料成分、また、インポートする必要があります。

import {MdButtonModule, MdCheckboxModule} from '@angular/material'; 

@NgModule({ 
    ... 
    imports: [BrowserAnimationsModule, 
       NoopAnimationsModule, 
       MdButtonModule, 
       MdCheckboxModule 
      ], 
    ... 
    }) 

これが役立つ場合はお知らせください。