javascript - mdc.snackbar.MDCSnackbar() が this2.root_.querySelector is not a function エラーをスローする

Question

したがって、角度コンポーネントで新しい MDCSnackbar オブジェクトを作成する行で次のエラーが発生します。

let snackbar = new mdc.snackbar.MDCSnackbar(document.getElementsByClassName('mdc-snackbar')).

エラー スタックは次のとおりです。

キャッチされていないTypeError: this2.root .querySelector は、MDCSnackbarFoundation.init (material-components-web)の Object.registerActionClickHandler (material-components-web.js:3174) の getActionButton
(material-components-web.js:3144) の関数ではありません .js:8572) の MDCSnackbar.MDCComponent (material-components-web.js:587) の新しい MDCSnackbar (material-components-web.js:3123) の :1:11

スナックバー用の次の HTML スニペットがあります。

<div class="mdc-snackbar"
 aria-live="assertive"
 aria-atomic="true"
 aria-hidden="true">
 <div class="mdc-snackbar__text"></div>
 <div class="mdc-snackbar__action-wrapper">
     <button type="button" class="mdc-button mdc-snackbar__action-button">
     </button>
</div>

私が間違っているかもしれないことの手がかりは大歓迎です。