HTML ファイルで JS モジュールを使用する
P粉301523298
P粉301523298 2023-09-07 14:46:07
0
1
627

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: ああああ

P粉301523298
P粉301523298

全員に返信(1)
P粉674876385

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

import

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート