angular - 找不到名称“HammerManager”

Question

我正在使用@angular-2.0.0-rc.5、@angular2-material 2.0.0-alpha.7-4 和 Angular-CLI 1.0.0-beta.11-webpack.2

当我尝试编译它时会抛出一个错误，找不到名称'HammerManager'。请参阅随附的屏幕截图。

我找到了一些适用于 Angular-CLI（非 webpack）版本的解决方案，但没有找到适用于 webpack 版本的解决方案。

有人用上述设置解决了这个问题吗？

Answer 1

这是对我有用的解决方案...

1. npm 安装hammerjs --save-dev

2. npm install @types/hammerjs --save-dev

3. 导入“锤子”；（在 main.ts 中）

感谢@j2L4e 和这个答案https://github.com/justindujardin/ng2-material/issues/244#issuecomment-241600752

Answer 2

您需要安装缺少的类型：

npm install @types/hammerjs --save-dev

然后将hammerjs类型的引用放入您的tsconfig.json：

"types": [
  ...,
  "hammerjs"
]

如果这还不够，还可以通过 npm 安装hammerjs：

npm i hammerjs

Answer 3

虽然在安装类型时应该使用 --save-dev，但在安装hammerjs 本身时应该使用 --save。您将希望在生产中安装它。