Modul tidak ditemukan: Kesalahan: Tidak dapat menyelesaikan '@angular/animations'

Setelah menggunakan "npm install" dan memulai server lokal dengan "npm start" saya mulai mendapatkan kesalahan ini:-

ERROR in ./~/@angular/material/@angular/material.es5.js
Module not found: Error: Can't resolve '@angular/animations' in '/home/ashvini/Desktop/HN-Angular2/node_modules/@angular/material/@angular'
 @ ./~/@angular/material/@angular/material.es5.js 20:0-81
 @ ./src/app/app.module.ts
 @ ./src/main.ts`enter code here`
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts
webpack: Failed to compile.

Ini terkait dengan desain material angular tetapi saya tidak dapat memahami apa yang perlu saya lakukan untuk menyelesaikan masalah ini.

Sebelum "npm install" itu bekerja dengan baik.

Larutan

Di app.module tambahkan ini:

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

Dan busa dalam modul tambahkan ke imports:

imports: [BrowserAnimationsModule]

Dan hapus pernyataan impor @angular/animations.

Mungkin dengan menerapkan npm install Anda memperbarui versi Angular Anda dari v.2 ke v.4.

UPDATE:

atau tambahkan saja ini ke package.json (Pilih versi yang Anda butuhkan):

"dependencies": {
    "@angular/animations": "^4.0.1",
}

Setelah Anda menambahkan ini ke dependensi Anda, terapkan npm install lagi.

UPDATE 2:

Bahkan cara yang lebih cepat:

npm install @angular/animations --save
Komentar (9)

Dalam package.json hapus (^) "@angular/material": "^2.0.0-beta.2". Di angualr.material terbaru kami mendapatkan kesalahan ini.

Komentar (1)

npm install akan menginstal Angular Framework terbaru, yang sekarang adalah 4.

solusinya sudah disebutkan di atas oleh orang lain.

Selamat mencoba.

Komentar (1)