Модуль не найден: Ошибка: не удается разрешить '@angular/animations'

После использования "npm install" и запуска локального сервера "npm start" я начал получать эту ошибку: -

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.

Это связано с материальным дизайном angular, но я не могу понять, что мне нужно сделать, чтобы решить эту проблему.

Прежде чем "npm install", он работает нормально.

Ответ 1

В app.module добавьте это:

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

И вставьте модуль в модуль imports:

imports: [BrowserAnimationsModule]

И удалите оператор импорта @angular/animations.

Возможно, применяя npm install, вы обновили версию Angular с версии 2. до версии 4.

UPDATE:

или просто добавьте это в свой package.json (выберите нужную версию):

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

Как только вы добавили это в свои зависимости, снова примените npm install.

ОБНОВЛЕНИЕ 2:

Даже более быстрый способ:

npm install @angular/animations --save

Ответ 2

В package.json remove (^) "@ angular/material": "^ 2.0.0-beta.2". В последнем angualr.material мы получаем эту ошибку.

Ответ 3

npm install установит последнюю Angular Framework, которая теперь равна 4.

решение уже упомянуто другими.

Приветствия.