[解決済み] Angular - 「HammerJSが見つかりませんでした。

質問

シンプルなangularプロジェクトに取り組んでいて、Material Designをプロジェクトにインポートしようとしているのですが、いくつかのコンポーネントが正しく動作せず、コンソールの警告が表示されます。

HammerJSが見つかりませんでした。一部のAngular Materialコンポーネントが正しく動作しない可能性があります。

私は hammerjs がインストールされており、さらに @angular/material . この問題を解決するにはどうしたらよいでしょうか？

補足説明

注目すべきは、もし hammerjs がインストールされているにもかかわらずコンポーネントが正しくレンダリングされない場合は、次のように angular material コンポーネント であり、html要素ではなく materialize-css クラス . もし、あなたが は を使用して materialize-css の代わりに angular material , を使用する場合は、別途プロジェクトに追加する必要があります。

どのように解決するのですか？

あなたの package.json ファイルに以下を追加します。 dependencies

"hammerjs": "^2.0.8",

また、別の自動的な方法が必要な場合は、次のように入力します。 npm i hammerjs --save (または npm i [email protected] --save というのは 2.0.8 が最新版なので) をプロジェクトのルートフォルダで を削除してテストしてください。 node_modules フォルダを削除し、再インストールして ルートプロジェクトフォルダにも を実行することで npm install を実行すると dependencies ( ここで hammerjs が住んでいる ), devDependencies ..., で package.json ファイルに追加し、インストールします。

また、あなたの polyfills.ts (にも記述してください（記述していない場合は、記述することを推奨します）。

hammerjs/hammer' をインポートします。

このように、angularアプリの実行中に見つかるのは、以下の通りです。 polyfills.ts はインポートされた (で呼び出されるからです（通常の場合、そうでなければ確認することができます）。 で main.ts という、アンギュラーアプリのエントリポイントになります。