HTML ファイルで JS モジュールを使用する

Question

JavaScript コードを node.js に変換しているため、「Class」を使用して、古いコードを ES6< /strong> に適合するように変更します。 「Function」コンポーネントだけを使用するのではなく、「」と「Module」を使用します。

最初にサーバー側を更新したところ、すべてがうまくいきました。しかし今、クライアントにアクセスしようとしているのですが、古いエンコーディングを新しいエンコーディングに変換するのに苦労しています。

次の例では、2 つのアプレットが見つかります:

「モジュール」アプレットは、「FooClass.js」と「Foo_mod.html」の 2 つのファイルで構成されます。

「コンポーネント」には、「FooComp.js」と「Foo_comp.html」が含まれます。

4 つのファイルはすべて同じフォルダーに保存されます。 どちらのアプレットも警告メッセージ「x = 7」を表示するはずですが、「Module」アプレットは表示しませんが、昔ながらのアプレットは正しく実行されます。 ただし、Ctrl キーを押しながら VS Code で js ファイル名をクリックすると、html コードから js ファイルに問題なくアクセスできます。したがって、新しいコードに何か問題があるはずですが、それが見つかりません。誰かが私を助けてくれたら、よろしくお願いします...

1 - モジュール指向のアプレット (機能しません):

FooClass.js： リーリー

---

Foo_mod.html： リーリー

---

2 - 古いメソッド アプレット: (正常に動作します)

FooComp.js リーリー

---

Foo_Comp.html： ああああ

Answer 1

module.exports の代わりに ES6 エクスポート syntax を使用するように FooClass.js ファイルを変更する必要があります。 リーリー

import

ステートメント を使用して、Foo クラスをインポートできます。 リーリー