2017-05-03 6 views
0

私はアプリケーションを実行すると、私はここでエラーを打つものの、私は、アンギュラ材料ウェブサイトおよびインポートすべての指示に従っなぜangle2-webpack-starterは角度材で動作しませんか?

https://material.angular.io/)アンギュラ材料で動作するようにangular2-のWebPACK-スターター(https://github.com/AngularClass/angular-starter)を変更したいです:

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

パッケージを正常にインストールしても、上記のインポートが見つからないようです。

ERROR in ./src/app/app.module.ts 
Module not found: Error: Can't resolve '@angular/platform-browser/animations' in 'myprojectdirectory' 
@ ./src/app/app.module.ts 40:0-79 
@ ./src/app/index.ts 
@ ./src/main.browser.ts 
@ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts 

どうすればこの問題を回避できますか?

+0

node_modulesフォルダを削除し、パッケージを再インストールしてください。 – Vignesh

+0

あなたはangular2またはangular4を実行していますか? –

+0

ランニングアングル2.4 – Rolando

答えて

0

最新のバージョンにパッケージをアップデートした後、Webpackの設定を変更してください。以下のコードを参照してください

plugins: [ 
      new webpack.ContextReplacementPlugin(
      // The (\\|\/) piece accounts for path separators in *nix and Windows 
      /angular(\\|\/)core(\\|\/)@angular/, 
      helpers.root('./src'), // location of your src 
      {} // a map of your routes 
     ) 
] 
+0

愚かな質問ですが、新しいパッケージをインストールするときはいつでも、webpackの設定を変更することなく典型的なインポートを行うことができます。あなたの投稿? – Rolando

+0

古いバージョンのパッケージをチェックインして、index.d.tsファイルを見つけることができます。インデックスファイルがなければ、インポートは機能しません。最新バージョンのパッケージをアップデートした後、index.d.tsファイルが削除され、エラーがスローされます – Vignesh

関連する問題