Угловой 2 - 'не удалось найти HammerJS'

Question

Угловой 2 - 'не удалось найти HammerJS'

Я работаю над простым проектом angular2, где я пытаюсь импортировать Material Design в свой проект, но некоторые компоненты не работают должным образом, и предупреждение консоли говорит:

не удалось найти HammerJS. Некоторые угловые компоненты материала могут работать неправильно.

Я hammerjs установлен, а также @angular/material. Как решить эту проблему?

мой проект можно найти по этой github РЕПО

Примечание

может быть, стоит отметить, что если у вас есть hammerjs установлен и ваши компоненты все еще не отображаются правильно, чтобы убедиться, что вы используете angular material 2компоненты, а не HTML-элементы с materialize-cssклассы.
Если вы are используя materialize-css вместо angular material 2,вам нужно, чтобы добавить его в свой проект отдельно.

581 4

javascript angular material-design hammer.js

4 ответов:

Comments

Ничего не найдено.

selem mn · Accepted Answer · 2018-08-10 10:02:58

в своем добавить в dependencies

"hammerjs": "^2.0.8",

или если вы хотите альтернативный автоматический способ просто вы можете ввести npm i hammerjs --save (или npm i [email protected] --save Если вы хотите, начиная с 2.0.8 - это последняя версия настоящее время) в корневой папке проекта и проверить затем, если проблема все еще происходит попробуйте удалить

All Іѕ Vаиітy · Accepted Answer · 2017-02-02 21:28:58

установить hammerjs через npm
npm install --save hammerjs 
npm install --save-dev @types/hammerjs
в своем src/app/app.module.ts импорт hammerjs,
import 'hammerjs';
затем добавьте hammerjs к типам в вашем tsconfig.json.
{
  "compilerOptions": {
    "types": [
      "hammerjs"
    ]
  }
}
источник: начните с углового материала 2

Tamas · Accepted Answer · 2016-12-28 16:05:48

в своем 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">

Я надеюсь, что это помогает.

kind user · Accepted Answer · 2017-03-21 15:19:46

Откройте командную строку или powershell, введите каталог вашего проекта angular2:cd your-project's-root, нажмите enter и вставьте:
npm install hammerjs --save
Npm автоматически добавит все зависимости в ваш .