我在项目中使用angular-material组件。但是我发现以下警告信息：
找不到HammerJS。可能会导致某些Angular Material组件无法正常工作。
无法绑定“longpress”事件，因为没有加载Hammer.JS且没有指定自定义加载器。
我知道这与该问题有重复之处
答案中提到了以下内容：
dependencies中添加"^2.0.8"。'hammerjs/hammer';在我的情况下一切都很好，但是浏览器控制台仍然显示相同的警告。
解决这个问题有两种方法：
在你的主模块文件或 polyfills.ts 文件中包含 (main) 导入:
import 'hammerjs';
或者将CDN中的脚本包含进你的index.html文件中：
<head>
<!-- ... -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<!-- ... -->
</head>
import 'hammerjs'; 解决了我的错误，非常感谢。实际上，之前我在主模块文件中导入了 **(hammerjs)**，像这样：import {} from 'hammerjs';。这样做是错误的吗？ - PGH使用以下方式安装
npm install --save hammerjs
yarn add hammerjs
import 'hammerjs';
使用 Angular6，您可以在 angular.json 文件中的 node_modules 中包含 hammerjs 路径。
Angular 文档指出 angular.json 文件的目的是：
CLI 配置默认值适用于工作区中的所有项目，包括 CLI 使用的构建、服务和测试工具的配置选项，例如 TSLint、Karma 和 Protractor。有关详细信息，请参阅 Angular 工作区配置。
您可以将 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": {
....
ng add @angular/material
它会询问您类似于以下内容
设置HammerJS以进行手势识别？
您应该回答“Y”，它将自动为您配置HammerJS。
Angular Material安装指南：https://material.angular.io/guide/getting-started#install-angular-material
项目全局级别添加 Hammer.js
"scripts": [
"node_modules/hammerjs/hammer.min.js" <- add path to hammerjs
]
模块级加法
import * as Hammer from 'hammerjs';
package.json文件吗？ - PGH