Webコンポーネントを使用するためにこれらの指示に従おうとしています。でポリマー紙ボタンをnpm install --save @polymer/paper-button
インストールし、以下をindex.htmlに追加して、vscodeのライブサーバーで開きました。しかし、次のようなコンソールエラーが発生しますUncaught TypeError: Failed to resolve module specifier "@polymer/iron-flex-layout/iron-flex-layout.js". Relative references must start with either "/", "./", or "../".
。webpackのようなモジュールバンドラーを使わずにこれを解決したいと思います。
<script type="module" src="node_modules/@polymer/paper-button/paper-button.js"></script>
...
<paper-button raised class="indigo">raised</paper-button>
私が見つけた回避策は、代わりに以下のようにhttps://unpkg.com/を使用することです。
<script type="module" src="https://unpkg.com/@material/mwc-button@latest/mwc-button.js?module"></script>
注:?module
unpkgが要求されたファイル内のベアモジュール構文を修正するには、URLの末尾にパラメーターを追加する必要があります。そうしないと、ベアモジュールのインポートを含む元のファイルが返されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加