所以我使用 MDC（材料設計組件）而不使用 Node.js，這意味著我必須像這樣導入它：<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>所以 CSS 工作得很好，我可以使用 MDC 中的任何類，并且它工作得完美。但是JavaScript的附加效果存在一些部分問題。TextField 工作正常 - 當我單擊它時，文本會發(fā)生變化。但任何其他 JS 效果都不起作用。<label class="mdc-text-field mdc-text-field--outlined">        <span class="mdc-notched-outline">          <span class="mdc-notched-outline__leading"></span>          <span class="mdc-notched-outline__notch">            <span class="mdc-floating-label" id="my-label-id">OpenWeatherMap API key</span>          </span>          <span class="mdc-notched-outline__trailing"></span>        </span>        <input type="text" class="mdc-text-field__input" aria-labelledby="my-label-id" style="width: 512px;">      </label>      <br>        <button class="mdc-button mdc-button--raised">            <span class="mdc-button__label">Grant location permision</span>          </button>    <script>            mdc.ripple.MDCRipple.attachTo(document.querySelector('.mdc-button')); <!-- This does not work>            mdc.textField.MDCTextField.attachTo(document.querySelector('.mdc-text-field')); <!-- This works fine>        </script>有人知道如何解決這個問題嗎？我嘗試了我發(fā)現(xiàn)的一切。