html 안에 <script type = "module"> 태그에 정의 된 es6 모듈을 가져 오는 방법은 무엇입니까?

나는 나의 HTML 파일보기 .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>

은 또한 볼

=>이 가져올 수 있습니다 그 "anonymous"모듈을 같은 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';

같은 일부 구문은 그러나,이 라인 중 어느 것도 작동하지 않습니다.

=> "익명"모듈을 참조 할 수있는 올바른 구문은 무엇입니까?

크롬 버전 63.0.3239.108을 사용합니다.

html 안에 <script type = "module"> 태그에 정의 된 es6 모듈을 가져 오는 방법은 무엇입니까?

답변

관련 문제