Угловой 2 - 'не удалось найти HammerJS'
Я работаю над простым проектом angular2, где я пытаюсь импортировать Material Design в свой проект, но некоторые компоненты не работают должным образом, и предупреждение консоли говорит:
не удалось найти HammerJS. Некоторые угловые компоненты материала могут работать неправильно.
Я hammerjs
установлен, а также @angular/material
. Как решить эту проблему?
мой проект можно найти по этой github РЕПО
Примечание
может быть, стоит отметить, что если у вас есть hammerjs
установлен и ваши компоненты все еще не отображаются правильно, чтобы убедиться, что вы используете angular material 2
компоненты, а не HTML-элементы с materialize-css
классы.
Если вы are используя materialize-css
вместо angular material 2
,вам нужно, чтобы добавить его в свой проект отдельно.
4 ответов:
в своем добавить в
dependencies
"hammerjs": "^2.0.8",
или если вы хотите альтернативный автоматический способ просто вы можете ввести
npm i hammerjs --save
(илиnpm i [email protected] --save
Если вы хотите, начиная с2.0.8
- это последняя версия настоящее время) в корневой папке проекта и проверить затем, если проблема все еще происходит попробуйте удалить
установить
hammerjs
через npmnpm install --save hammerjs npm install --save-dev @types/hammerjs
в своем
src/app/app.module.ts
импорт hammerjs,import 'hammerjs';
затем добавьте hammerjs к типам в вашем
tsconfig.json
.{ "compilerOptions": { "types": [ "hammerjs" ] } }
источник: начните с углового материала 2
в своем
systemjs.config.js
файл вам также нужно добавить следующую запись:
'hammerjs': 'npm:hammerjs/hammer.js',
вместе с Конечно:
'@angular/material': 'npm:@angular/material/bundles/material.umd.js',
другая вещь, которая отсутствует в вашем коде (по крайней мере, на основе того, что у вас есть в репозитории GH), - это включение CSS Material Design, добавьте это в свой
index.html
file:
<link href="https://rawgit.com/angular/material2-builds/master/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
Я надеюсь, что это помогает.
Откройте командную строку или powershell, введите каталог вашего проекта angular2:
cd your-project's-root
, нажмите enter и вставьте:npm install hammerjs --save
Npm автоматически добавит все зависимости в ваш .
Comments