問題タブ [material-components-web]

波及効果のあるマテリアル デザイン FABを Web 上に実装しようとしています。

次のダミー HTML があります。

SCSS は次のとおりです。

そして、ここにJSがあります：

クリックしたときに最初のボタンに波紋効果が適切に表示されるようにしましたが、何らかの理由で、後続のボタンのいずれにも波紋が表示されません。

言い換えれば、波及効果は最初の要素に対してのみ機能し、それ以降の要素には機能しないようです。私が間違っていることを誰かが知っていますか？

MDC Web の docsmain.scssで要求されているように、これらの 2 行のコードが含まれています。

次に、main.scssファイルを単一のbuild.cssファイルに変換するこの Gulp タスクがあります。上記のmain.scss2 行を削除すると、ファイルは正常にコンパイルされます。

私が得ているエラーは次のとおりです。

私のGulpタスクは次のとおりです。

gulp-dart-sassファイルのコンパイルに使用してい.scssます。エラーを修正するにはどうすればよいですか?

私は自分のウェブサイトでマテリアル コンポーネントの入力を使用しました。2 つの同じ入力を作成します。ここにすべての私のコードがあります:

しかし、最初の入力だけが適切に機能しています (クリックするとラベルが一番上に移動します)。そして、2番目はそのような同じ効果を持っていないようでした:

問題は何ですか？ありがとう。