Не удалось найти HammerJS в угловых 6 - PullRequest
Новая
       8

Не удалось найти HammerJS в угловых 6

0 голосов
/ 01 октября 2018

Я использую угловой материал в своем проекте.Я получаю следующие предупреждения:

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

Событие "longpress" не может быть связано, поскольку Hammer.JS не загружен и не указан пользовательский загрузчик.

Я знаю этоявляется дубликатом этого вопроса

В ответе они упомянули, что:

  1. Мы должны добавить "^2.0.8", к dependencies в package.json file.
  2. import 'hammerjs/hammer'; в polyfills.ts file.

В моем случае все хорошо, все еще получаюто же самое предупреждение в консоли браузера.

Ответы [ 3 ]

0 голосов
/ 31 января 2019

с angular6, вы можете включить путь hammerjs в node_modules в файле angular.json.

Angular doc говорит, что целью файла angular.json является

Конфигурация CLI по умолчанию для всех проектов в рабочей области, включая параметры конфигурации для инструментов сборки, обслуживания и тестирования, которые использует CLI, таких как TSLint, Karma и Protractor.Для получения дополнительной информации см. Конфигурация углового рабочего пространства.

Вы можете включить путь модуля узла hammerjs в список скриптов.см. пример ниже: 

 "projects": {
    "demo": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/demo",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets",
              "src/manifest.json"
            ],
            "styles": [
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/hammerjs/hammer.min.js" <- add path to hammerjs
            ]
          },
          "configurations": {
          ....

Обратите внимание, что для его вступления в силу необходимо перезапустить его.

0 голосов
/ 17 июня 2019

Установка с 

npm install --save hammerjs

или 

yarn add hammerjs

После установки импортируйте его в точку входа вашего приложения (например, src / main.ts). 

import 'hammerjs';

Руководство по началу работы с угловым материалом

0 голосов
/ 01 октября 2018

Существует 2 способа решения этой проблемы:

  1. Либо включите ( main ) импорт в файл основного модуля, либо polyfills.ts: 

    import 'hammerjs';

  2. Или включите сценарий из CDN в ваш файл index.html: 

    <head>
  <!-- ... -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
  <!-- ... -->
</head>
...