2017-12-26 16 views
4

私は私の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を使用しています。

関連質問:

How to dynamically execute/eval JavaScript code that contains an ES6 module/requires some dependencies?

+0

HTMLファイルからcodebehindからインポートしますか?私はそうは思わない。これは醜いコーディングであり、モジュールタイプのスクリプトタグの使用法はありません。それだけで物事が乱雑になります。 – Phiter

+0

使用例については、関連する質問を参照してください。あなたが何かを知っていれば、私はあまり醜い選択肢に開放されています。 – Stefan

答えて

0

私は理解している「匿名」モジュールは(ないモ​​ジュール指定子または個別のURLを持っていないそのimport.meta.urlは単なるhtmlですので、「匿名」モジュールをインポートする方法は、ありません現在の仕様としてのURL)。理論的には将来拡張することができますが、そのような機能の良いユースケースを見つけることはできません。

+0

実行時に '

関連する問題