Модуль не найден: Ошибка: не удается разрешить '@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.
решение уже упомянуто другими.
Приветствия.
