私は私のhtmlファイルのme.htmlでモジュールを定義することができる午前:html内の<script type = "module">タグで定義されているes6モジュールをインポートするには?
<script type="module" id="DEFAULT_MODULE">
import Atom from './atom.js';
console.log("definition of getAtom")
export default function getAtom(){
return new Atom('atom');
}
console.log("exported getAtom")
</script>
はまた
=>インポートすることが可能ですを参照してくださいその "匿名"モジュールを同じHTMLファイル内の別のモジュールスクリプトに置き換えますか?または、「コードビハインド」にも - me.htmlファイルによって読み込まれたJavaScriptファイル?輸出はうまくいくと思われる。少なくともそれは何のエラーも投げられません。私は、例えば、試してみましたgetAtom
方法の輸入については
:
<script type="module">
import getAtom from '.'; //this line does not work
console.log("usage of getAtom")
var atom = getAtom();
</script>
私は
import getAtom;
import getAtom from '.';
import getAtom from window;
import getAtom from './me.html';
import getAtom from '.DEFAULT_MODULE';
のようないくつかの構文を期待しかし、これらの行のどれも働きました。
=>「匿名」モジュールを参照できる正しい構文は何ですか?
私はChromeバージョン63.0.3239.108を使用しています。
関連質問:
HTMLファイルからcodebehindからインポートしますか?私はそうは思わない。これは醜いコーディングであり、モジュールタイプのスクリプトタグの使用法はありません。それだけで物事が乱雑になります。 – Phiter
使用例については、関連する質問を参照してください。あなたが何かを知っていれば、私はあまり醜い選択肢に開放されています。 – Stefan