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



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




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




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



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







Примечание



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

482   4  

4 ответов:

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

"hammerjs": "^2.0.8",

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

установить 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

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

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